body{color:#17202a;background:#f5f7fb;margin:0;font-family:system-ui,sans-serif}main{max-width:1200px;margin:0 auto;padding:32px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.grid{grid-template-columns:320px 1fr;gap:20px;display:grid}article,.detail{background:#fff;border:1px solid #e3e7ed;border-radius:12px;padding:20px}.row{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 0;display:flex}.item{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;width:100%;margin:6px 0;padding:12px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}button{cursor:pointer;background:#fff;border:1px solid #cfd6df;border-radius:8px;padding:9px 12px}button:hover{background:#f0f3f7}@media (width<=800px){.grid{grid-template-columns:1fr}main{padding:16px}}