@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06080d;--bg-elevated:#0c1017;--surface:#111827;--surface-hover:#1a2236;--surface-active:#1e293b;--border:#1e293b;--border-subtle:#172033;--border-focus:#3b82f6;--primary:#3b82f6;--primary-hover:#2563eb;--primary-muted:#1e3a5f;--primary-glow:#3b82f640;--secondary:#06b6d4;--accent:#f59e0b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-faint:#475569;--radius-xs:4px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #00000080;--shadow:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080;--shadow-glow:0 0 20px var(--primary-glow);--sidebar-w:260px;--sidebar-collapsed:72px;--topbar-h:56px;--transition:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.28s cubic-bezier(.4, 0, .2, 1);--page-padding:28px;--page-padding-mobile:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}html{overflow-x:hidden}body{min-height:100svh;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit;font-size:14px}img{max-width:100%;height:auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-muted);color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadein{animation:.2s fadeIn}.animate-slideup{animation:.22s slideUp}.animate-scalein{animation:.18s scaleIn}.hide-mobile{display:block}.show-mobile{display:none}.page-content{padding:var(--page-padding);flex:1;width:100%;min-width:0;max-width:1360px;margin:0 auto;overflow-x:hidden}.grid-auto-fill-220{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.grid-auto-fill-180{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.grid-auto-fill-270{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.card-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;max-height:calc(100svh - 32px);display:flex;overflow-y:auto}@media (width<=768px){:root{--page-padding:var(--page-padding-mobile);--topbar-h:52px}.hide-mobile{display:none!important}.show-mobile{display:block!important}.page-content{padding:var(--page-padding-mobile);padding-bottom:32px}.grid-auto-fill-220{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.grid-auto-fill-270{grid-template-columns:1fr}.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr;gap:8px}.modal-box{border-radius:var(--radius);max-width:100%}}@media (width<=480px){:root{font-size:13px}.grid-auto-fill-220{grid-template-columns:1fr 1fr}.card-grid-2{grid-template-columns:1fr 1fr;gap:8px}}