@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root{--surface: #f3f7fb;--surface-container-lowest: #ffffff;--surface-container-low: #ecf1f6;--surface-container: #e4eaf0;--surface-container-high: #dde3e8;--primary: #005bae;--primary-dim: #5fa1ff;--primary-container: #d6e8ff;--on-primary: #ffffff;--secondary: #a3fa00;--secondary-container: #a3fa00;--on-secondary-container: #395b00;--on-surface: #2a2f32;--on-surface-variant: #5a6470;--on-surface-muted: #8c9199;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--shadow-ambient: 0 20px 40px rgba(0, 91, 174, .06);--shadow-card: 0 4px 16px rgba(0, 91, 174, .05);--shadow-primary: 0 8px 20px rgba(0, 91, 174, .22);--scrollbar-track: var(--surface);--scrollbar-thumb: var(--surface-container-high);--scrollbar-thumb-hover: var(--on-surface-muted);--bg-primary: var(--surface);--bg-secondary: var(--surface-container-lowest);--bg-tertiary: var(--surface-container-low);--bg-input: var(--surface-container-lowest);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--on-surface-muted);--border-color: rgba(169, 174, 177, .15);--border-input: rgba(169, 174, 177, .25);--shadow-color: rgba(0, 91, 174, .06);--accent-primary: var(--primary);--accent-secondary: var(--primary-dim);--accent-success: var(--success)}:root.dark{--surface: #0d1117;--surface-container-lowest: #161b22;--surface-container-low: #1c2230;--surface-container: #212838;--surface-container-high: #272e3f;--primary: #5fa1ff;--primary-dim: #3b7fd4;--primary-container: #003a70;--on-primary: #001e42;--secondary: #a3fa00;--secondary-container: #a3fa00;--on-secondary-container: #1f3300;--on-surface: #e2e8f0;--on-surface-variant: #94a3b8;--on-surface-muted: #64748b;--shadow-ambient: 0 20px 40px rgba(0, 0, 0, .4);--shadow-card: 0 4px 16px rgba(0, 0, 0, .25);--shadow-primary: 0 8px 20px rgba(95, 161, 255, .2);--scrollbar-track: var(--surface);--scrollbar-thumb: var(--surface-container-high);--scrollbar-thumb-hover: var(--on-surface-muted);--bg-primary: var(--surface);--bg-secondary: var(--surface-container-lowest);--bg-tertiary: var(--surface-container-low);--bg-input: var(--surface-container-lowest);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--on-surface-muted);--border-color: rgba(255, 255, 255, .06);--border-input: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--accent-primary: var(--primary);--accent-secondary: var(--primary-dim);--accent-success: var(--success)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface);color:var(--on-surface);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:5px;height:5px}::-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)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #005bae26}50%{box-shadow:0 0 0 8px #005bae00}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}input:focus,textarea:focus,select:focus{outline:none}button:focus{outline:none}button{transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.card{background:var(--surface-container-lowest);border-radius:1.5rem;box-shadow:var(--shadow-card);transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.card-recessed{background:var(--surface-container-low);border-radius:1.25rem;box-shadow:none;overflow:hidden}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dim) 100%)}.gradient-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.gradient-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dim) 100%);color:var(--on-primary);font-weight:700;letter-spacing:.01em;border-radius:9999px;padding:.75rem 1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 28px #005bae52;transform:translateY(-2px)}.btn-highlight{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:700;letter-spacing:.01em;border-radius:9999px;padding:.75rem 1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;box-shadow:0 6px 16px #a3fa0040}.btn-secondary{background:var(--surface-container-low);color:var(--on-surface);font-weight:600;border-radius:9999px;padding:.75rem 1.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn-secondary:hover:not(:disabled){background:var(--surface-container)}.glass{background:#f3f7fbb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}:root.dark .glass{background:#0d1117b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.ghost-border{border:1px solid rgba(169,174,177,.15)}:root.dark .ghost-border{border:1px solid rgba(255,255,255,.06)}.input-field{background:var(--surface-container-lowest);border:1px solid rgba(169,174,177,.25);border-radius:.75rem;padding:.75rem 1rem;color:var(--on-surface);transition:border-color .2s,box-shadow .2s;width:100%;font-family:inherit}.input-field:focus{border-color:var(--primary);border-width:2px;box-shadow:0 0 0 4px #005bae1a}.theme-toggle{background:none;border:none;padding:8px;cursor:pointer;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.theme-toggle:hover{background-color:var(--surface-container-low);transform:none}.toggle-track{width:48px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dim) 100%);border-radius:14px;padding:3px;position:relative;transition:background .3s ease;box-shadow:inset 0 2px 4px #0000001a}:root.dark .toggle-track{background:linear-gradient(135deg,#1c2230,#0d1117);box-shadow:inset 0 2px 4px #0000004d}.toggle-thumb{width:22px;height:22px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),background .3s ease;box-shadow:0 2px 8px #0003}.toggle-thumb.dark{transform:translate(20px);background:linear-gradient(135deg,var(--primary-dim) 0%,var(--primary) 100%)}.toggle-icon{width:14px;height:14px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}:root.dark .bg-white{background-color:var(--surface-container-lowest)!important}:root.dark .bg-slate-50{background-color:var(--surface-container-low)!important}:root.dark .bg-slate-100{background-color:var(--surface-container)!important}:root.dark .text-slate-900,:root.dark .text-slate-800,:root.dark .text-slate-700{color:var(--on-surface)!important}:root.dark .text-slate-600,:root.dark .text-slate-500{color:var(--on-surface-variant)!important}:root.dark .text-slate-400,:root.dark .text-slate-300{color:var(--on-surface-muted)!important}:root.dark .border-slate-100,:root.dark .border-slate-200{border-color:#ffffff0f!important}:root.dark .border-slate-300{border-color:#ffffff1a!important}:root.dark .hover\:bg-slate-100:hover,:root.dark .hover\:bg-slate-50:hover{background-color:var(--surface-container-low)!important}:root.dark .hover\:bg-slate-200:hover{background-color:var(--surface-container)!important}:root.dark .bg-blue-50{background-color:#005bae26!important}:root.dark .bg-rose-50{background-color:#ef44441a!important}:root.dark .bg-slate-100\/30{background-color:#1c22304d!important}:root.dark input[type=checkbox].hidden{background-color:transparent!important;border-color:transparent!important}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@media(max-width:768px){html{overscroll-behavior:none;scroll-behavior:smooth}button,a{min-height:44px}body{font-size:16px;-webkit-text-size-adjust:100%}::-webkit-scrollbar{display:none}}@media(hover:none)and (pointer:coarse){button:active,a:active{opacity:.7;transform:scale(.98)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
