:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.container{max-width:1200px;margin:0 auto;padding:1.25rem}.narrow{max-width:560px}.hero,.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem}.logo{width:52px;height:52px}.userbox{display:flex;align-items:center;gap:.6rem}.layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1rem}.panel{background:#fff;border:1px solid #dbeafe;border-radius:12px;padding:1rem}.panel h2{margin-top:0;font-size:1.1rem}.grid{display:grid;gap:.6rem}input,select,button{border-radius:8px;border:1px solid #cbd5e1;padding:.62rem .75rem;font-size:.95rem}button{background:#0c4a6e;color:#fff;border:none;cursor:pointer}button:hover{background:#075985}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.45rem;border-bottom:1px solid #e2e8f0;text-align:left}.list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.list li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem}.badge{background:#dcfce7;color:#166534;border-radius:999px;padding:.2rem .5rem;font-size:.8rem}.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;padding:.65rem;border-radius:8px}.muted{color:#475569;font-size:.86rem}.footer{margin-top:1rem;color:#334155}