:root{--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:20px;--font-2xl:26px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-1:0 1px 3px #00000059;--shadow-2:0 8px 24px #00000073;--success:#3f9d6b;--warning:#d9a441;--z-modal:50;--z-toast:60;--bg:#14161a;--surface:#1e222a;--border:#2e333d;--text:#e9ebef;--muted:#9aa2ae;--accent:#cda35f;--accent-text:#2a2008;--navy:#182848;--danger:#d47b6f;--input-bg:#15171b;--info:#6fa8dc;--violet:#a78bfa}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:8px;padding:10px 12px}.input:focus{border-color:var(--accent);outline:none}a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.label{color:var(--muted);margin:12px 0 6px;font-size:13px;display:block}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}.nav{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:16px;padding:14px 24px;display:flex}.nav .brand{letter-spacing:.5px;font-weight:700}.nav a{color:var(--muted)}.nav a.active,.nav a:hover{color:var(--text)}.spacer{flex:1}.badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px}.error{color:var(--danger);margin-top:8px}.muted{color:var(--muted)}.appmain{max-width:1180px;margin:0 auto;padding:24px}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--surface) 37%, var(--border) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--border);animation:none}}.sticky-tabs{z-index:30;background:var(--bg);margin:8px 0 0;padding:8px 0 12px;position:sticky;top:0}.tab-pill{border:1px solid var(--border);color:var(--muted);white-space:nowrap;background:0 0;border-radius:999px;padding:4px 12px;font-size:13px;text-decoration:none}.tab-pill:hover{color:var(--text);border-color:var(--accent)}.tab-pill--active{color:var(--text);border-color:var(--accent);font-weight:600}@media (max-width:899px){.appmain{padding:62px 14px 14px}.sticky-tabs{top:48px}.container{padding:14px}h1{font-size:1.5rem}h2{font-size:1.2rem}.table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.table th,.table td{padding:8px 10px}.dt-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.dt-scroll .table{white-space:nowrap;display:table}.appmain [style*=grid-template-columns]:not(.keep-cols){grid-template-columns:1fr!important}}