*{box-sizing:border-box}body{margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#f5f7fb;color:#202737}button,input{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f7fb}.auth-card{width:360px;max-width:100%;background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 18px 48px #1018281f;padding:24px;display:grid;gap:12px}.auth-title{font-size:22px;font-weight:800;color:#101828}.auth-subtitle{color:#667085;font-size:13px;margin-bottom:4px}.auth-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:6px;padding:9px 10px;font-size:13px}.auth-card input{height:42px;border:1px solid #d0d5dd;border-radius:6px;padding:0 12px;color:#202737;outline:none}.auth-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.auth-card button,.logout-btn{border:0;border-radius:6px;cursor:pointer}.auth-card button{height:42px;background:#2563eb;color:#fff;font-weight:700}.auth-card button:disabled{opacity:.65;cursor:wait}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#111827;color:#e5e7eb;padding:18px 12px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;background:#2563eb;font-weight:800}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:12px;color:#9ca3af;margin-top:3px}nav{display:grid;gap:4px}nav button{border:0;background:transparent;color:#cbd5e1;display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;cursor:pointer;text-align:left}nav button:hover,nav button.active{background:#243046;color:#fff}main{min-width:0;padding:20px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}h1{margin:0;font-size:24px;letter-spacing:0}p{margin:6px 0 0;color:#667085}.topbar-actions{display:flex;align-items:center;gap:8px}.status-pill{background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:999px;padding:6px 10px;font-size:13px;white-space:nowrap}.logout-btn{background:#fff;border:1px solid #d0d5dd;color:#344054;padding:7px 10px}.logout-btn:hover{background:#f8fafc}.panel-stack{display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.metric,.table-panel,.empty{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 2px #1018280a}.metric{padding:14px;min-height:82px;display:grid;align-content:space-between}.metric span{color:#667085;font-size:13px}.metric strong{font-size:24px;letter-spacing:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.table-panel{min-width:0;overflow:hidden}.section-title{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #e4e7ec}h2{margin:0;font-size:16px;letter-spacing:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #eef2f6;vertical-align:top;white-space:nowrap}th{background:#f8fafc;color:#475467;font-weight:700}td{color:#202737}.empty{padding:24px;color:#667085}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.split{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.topbar{align-items:flex-start;flex-direction:column}}