:root{color:#101828;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{align-items:center;background:#fff;border:1px solid #d7deea;border-radius:8px;color:#344054;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:38px;padding:8px 14px}button:disabled{cursor:wait;opacity:.65}input{background:#fff;border:1px solid #d7deea;border-radius:8px;color:#101828;min-height:40px;outline:none;padding:9px 12px;width:100%}input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-page{align-items:center;display:flex;min-height:100vh;padding:24px}.login-panel{background:#fff;border:1px solid #e3e8f2;border-radius:8px;box-shadow:0 22px 70px #1018281a;display:grid;gap:16px;margin:auto;max-width:420px;padding:28px;width:100%}.brand-mark{align-items:center;background:#101828;border-radius:8px;color:#fff;display:inline-flex;font-size:22px;font-weight:950;height:44px;justify-content:center;width:44px}h1,p{margin:0}.login-panel h1{font-size:28px}.login-panel p{color:#667085}label{color:#344054;display:grid;font-size:13px;font-weight:900;gap:7px}.primary{background:#2563eb;border-color:#2563eb;color:#fff;width:100%}.error{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;font-size:13px;font-weight:800;padding:10px 12px}.shell{display:grid;gap:18px;padding:24px}.topbar,.toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.topbar h1{font-size:28px;margin-top:4px}.topbar span{color:#2563eb;font-size:13px;font-weight:950}.topbar nav{display:flex;gap:10px}.toolbar{background:#fff;border:1px solid #e3e8f2;border-radius:8px;padding:14px}.settings-panel{align-items:end;background:#fff;border:1px solid #e3e8f2;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) minmax(280px,420px);padding:16px}.settings-panel small{color:#667085;font-weight:900}.settings-panel h2{font-size:22px;margin:4px 0 0}.settings-panel form{align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto}.metric{display:grid;gap:4px;min-width:140px}.metric small{color:#667085;font-weight:800}.metric strong{color:#101828;font-size:26px}.search{max-width:420px;width:100%}.table-wrap{background:#fff;border:1px solid #e3e8f2;border-radius:8px;overflow:auto}table{border-collapse:collapse;min-width:940px;width:100%}th,td{border-bottom:1px solid #edf1f7;padding:14px 16px;text-align:left;vertical-align:top}th{background:#f8fafc;color:#667085;font-size:12px;font-weight:950}td{color:#344054;font-size:14px}td strong,td span,td small{display:block}td strong{color:#101828}td small{color:#98a2b3;font-size:12px;margin-top:5px}td b{background:#eef4ff;border-radius:999px;color:#2563eb;display:inline-flex;font-size:12px;padding:5px 9px}.empty{color:#98a2b3;font-weight:800;padding:38px;text-align:center}@media (max-width: 720px){.shell{padding:18px}.topbar,.toolbar,.settings-panel,.settings-panel form{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.topbar nav,.search{width:100%}.topbar button{flex:1}}