*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#0d0d0d;color:#f1f5f9}header{position:sticky;top:0;background:#111;padding:12px;display:grid;grid-template-columns:1fr;gap:8px;z-index:10;border-bottom:1px solid #222}h1{margin:0;font-size:20px}input{padding:10px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#f1f5f9}main{padding:12px;display:grid;gap:16px}#categories{display:flex;gap:8px;overflow:auto;padding:10px;background:#0f172a;border-bottom:1px solid #222}.pill{border:1px solid #334155;border-radius:999px;padding:6px 10px;white-space:nowrap;background:#111;color:#cbd5e1}.pill.active{background:#0055ff;color:white}.cards{display:grid;gap:10px}.card{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:12px}.row{display:flex;justify-content:space-between;gap:8px}.green{color:#22c55e}.red{color:#ef4444}button{padding:8px 10px;border-radius:8px;border:1px solid #334155;background:#111;color:#f1f5f9}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:6px;border-bottom:1px solid #233}dialog{width:min(700px,95vw);background:#020617;color:#f1f5f9;border:1px solid #334155;border-radius:12px}
@media(min-width:900px){main{grid-template-columns:2fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}}