*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--sidebar:#0a0c10;--surface:#161b22;--surface2:#1c2128;--border:#30363d;--text:#e6edf3;--muted:#7d8590;--accent:#e8c97e;--green:#3fb950;--red:#f85149;--blue:#58a6ff;--radius:8px;--font:"Inter",system-ui,sans-serif;--sidebar-w:220px;--bottom-nav-h:62px}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.main{margin-left:var(--sidebar-w);flex:1 1}.topbar{border-bottom:1px solid var(--border);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;background:var(--bg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.content{padding:28px}.sidebar-logo{padding:20px 20px 12px;font-weight:700;font-size:15px;color:var(--accent);letter-spacing:-.01em;border-bottom:1px solid var(--border);margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;border-radius:0;transition:color .15s,background .15s;border:none;background:none;width:100%;text-align:left}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--surface)}.nav-icon{width:16px;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.stat-value{font-size:30px;font-weight:700;margin:6px 0 4px}.stat-label{font-weight:500}.stat-label,.stat-sub{font-size:12px;color:var(--muted)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:16px}.grid-3,.grid-4{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.grid-kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:10px;gap:10px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}tbody tr,thead th{border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface2)}tbody tr:last-child{border-bottom:none}td{padding:12px 14px;vertical-align:middle}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600}.badge-green{background:#0d2b1a;color:var(--green)}.badge-red{background:#2b0d0d;color:var(--red)}.badge-yellow{background:#2b2000;color:var(--accent)}.badge-blue{background:#0d1f2b;color:var(--blue)}.badge-gray{background:var(--surface2);color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-accent{background:var(--accent);color:#0a0a0a}.btn-outline{background:none;border:1px solid var(--border);color:var(--text)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;background:var(--accent);color:#0a0a0a;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.field-label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;color:var(--text);font-size:13px;width:240px;font-family:var(--font);outline:none}.search-input::placeholder{color:var(--muted)}.section-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.muted,.section-title{color:var(--muted)}.mt-24{margin-top:24px}.mt-16{margin-top:16px}.mt-8{margin-top:8px}.row{display:flex;align-items:center;gap:10px}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.bottom-nav{display:none}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:12px 16px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}.topbar .row{width:100%}.content{padding:14px 16px calc(14px + var(--bottom-nav-h) + env(safe-area-inset-bottom))}.search-input{width:100%;flex:1 1;min-width:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.card{padding:14px 16px}.stat-value{font-size:24px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.mt-24{margin-top:16px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--sidebar);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--muted);cursor:pointer;padding:6px 2px;transition:color .15s;font-family:var(--font);min-width:0}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item:active{opacity:.65}.bottom-nav-icon{font-size:18px;line-height:1}.bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.01em}}@media (max-width:480px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.content{padding:10px 12px calc(10px + var(--bottom-nav-h) + env(safe-area-inset-bottom))}.topbar{padding:10px 14px}.card{padding:12px 14px}.stat-value{font-size:22px}}