:root{--font-inter:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--background:#f5f7fa;--foreground:#1a1a2e;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:rgba(79,70,229,.08);--surface:#fff;--surface-hover:#f0f0f5;--border:#e2e8f0;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8}body,html{background-color:var(--background)!important;color:var(--foreground)!important;margin:0;padding:0;height:100%;font-family:var(--font-inter)}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.flex-center{display:flex}.btn,.flex-center{align-items:center;justify-content:center}.btn{display:inline-flex;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.25)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.heading-1{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text-primary)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--surface-hover);border-color:#cbd5e1}.nav-item:hover{background:var(--primary-light);opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}select option{background:#fff;color:#1a1a2e}@media (max-width:768px){.heading-1{font-size:1.4rem;margin-bottom:.75rem}.btn{padding:.6rem 1rem;font-size:.85rem}.app-container{flex-direction:column!important}.sidebar{position:fixed!important;top:0;left:0;bottom:0;z-index:1000;transform:translateX(-100%);transition:transform .3s ease;margin:0!important;height:100vh!important;border-radius:0!important;width:280px!important}.sidebar.open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-header{gap:.75rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--glass-border);position:-webkit-sticky;position:sticky;top:0;z-index:100}.hamburger-btn,.mobile-header{display:flex;align-items:center}.hamburger-btn{justify-content:center;background:none;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;padding:.4rem;color:var(--text-primary)}.main-content{padding:12px!important;height:auto!important;min-height:calc(100vh - 52px)}.modal-backdrop{padding:.5rem!important}.modal-content{max-width:calc(100vw - 1rem)!important;max-height:95vh!important}.modal-content .modal-body{padding:1rem!important}.glass-panel{padding:1rem}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:16px!important}}@media (min-width:769px){.hamburger-btn,.mobile-header,.sidebar-overlay{display:none!important}}