@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{font-family:IBM Plex Sans,Segoe UI,sans-serif;color:#e2e8f0;background-color:#020817}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#020817}#root{min-height:100vh}.hdr{background:#0a0f1e;border-bottom:1px solid #1e293b;padding:16px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:100}.hdr-left{display:grid;gap:8px;min-width:0;flex:1}.hdr-brand{display:flex;align-items:center;gap:10px}.hdr-mark{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.hdr-title{font-family:Space Mono,monospace;font-weight:700;font-size:13px}.hdr-sub{font-size:9px;color:#334155;font-family:monospace;letter-spacing:1.4px}.desk-nav{display:flex;align-items:center;overflow-x:auto;gap:2px;padding-left:44px}.nav-link{color:#334155;text-decoration:none;font-size:11px;padding:7px 12px;border-bottom:2px solid transparent;font-family:Space Mono,monospace;white-space:nowrap}.nav-link:hover{color:#64748b}.nav-link.active{border-bottom-color:#60a5fa;color:#60a5fa}.logout-btn{border:1px solid #ef4444;padding:8px 12px;border-radius:8px;background:transparent;color:#ef4444;font-family:monospace;cursor:pointer;margin-top:4px}.hdr-actions{display:flex;align-items:center;gap:8px}.month-picker{background:#0f172a;border:1px solid #1e293b;color:#94a3b8;border-radius:4px;padding:3px 6px;font-size:11px;font-family:monospace;max-width:150px}.page-wrap{padding:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.tbl{overflow-x:auto}.tbl table{min-width:900px}.btn-touch{min-height:40px;min-width:40px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(420px,100%);background:#0a0f1e;border:1px solid #1e293b;border-radius:12px;padding:20px;display:grid;gap:12px}.auth-card label{display:grid;gap:6px}.auth-card input{width:100%;border:1px solid #334155;border-radius:8px;padding:10px;background:#020817;color:#e2e8f0}.auth-card button{border:none;padding:10px;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}@media (max-width: 900px){.grid-4{grid-template-columns:1fr}.hdr{flex-wrap:wrap;padding:12px}.desk-nav{padding-left:0}.month-picker{font-size:12px;max-width:130px}}