:root{--bg-base:#f8fafc;--bg-panel:#fff;--bg-input:#f1f5f9;--bg-hover:#f1f5f9;--border-color:#e2e8f0;--text-main:#334155;--text-muted:#64748b;--accent-primary:#3b82f6;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--color-success:#059669;--color-success-muted:#d1fae5;--color-danger:#dc2626;--color-danger-muted:#fee2e2;--color-warning:#d97706;--color-warning-muted:#fef3c7;--color-info:#0891b2;--color-info-muted:#e0f2fe}[data-theme=dark]{--bg-base:#020617;--bg-panel:#0f172a;--bg-input:#020617;--bg-hover:rgba(30,41,59,.4);--border-color:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--accent-primary:#3b82f6;--scrollbar-track:#0f172a;--scrollbar-thumb:#334155;--scrollbar-thumb-hover:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.4);--color-success:#34d399;--color-success-muted:rgba(52,211,153,.12);--color-danger:#f87171;--color-danger-muted:hsla(0,91%,71%,.12);--color-warning:#fbbf24;--color-warning-muted:rgba(251,191,36,.12);--color-info:#38bdf8;--color-info-muted:rgba(56,189,248,.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;background-color:var(--bg-base);color:var(--text-main);font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:#818cf844}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--bg-panel);color:var(--text-main)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}table tr:hover{background-color:var(--bg-hover)!important}@media (max-width:768px){.hide-mobile{display:none!important}.full-mobile{width:100%!important}}