@charset "UTF-8";:root{--color-primary: #6366F1;--color-primary-dark: #4F46E5;--color-success: #059669;--color-danger: #DC2626;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-2: #F3F4F6;--color-text: #111827;--color-text-light: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--shell-header-bg: #1E1B4B;--shell-header-text: white;--shell-header-border: rgba(255,255,255,.1);--shell-nav-active-bg: rgba(255,255,255,.15);--shell-nav-active-color: white;--shell-nav-color: rgba(255,255,255,.65);--shell-logo-color: white;--shell-badge-bg: #6366F1;--shell-badge-color: white;--shell-accent-glow: rgba(99,102,241,.25);--shell-bottomnav-bg: white;--shell-bottomnav-border: #E5E7EB;--shell-sidebar-bg: white;--shell-sidebar-border: #E5E7EB;--font-family: "Nunito", "Segoe UI", sans-serif;--border-radius: 10px;--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.15)}body.theme-grimoire{--color-primary: #F59E0B;--color-primary-dark: #D97706;--color-success: #34D399;--color-danger: #EF4444;--color-bg: #12100e;--color-surface: #1a1510;--color-surface-2: #1c1710;--color-text: #F5E0A0;--color-text-light: #8a7050;--color-text-muted: #6B5B3A;--color-border: #2e2415;--shell-header-bg: linear-gradient(135deg, #1c1710, #12100e);--shell-header-text: #F5E0A0;--shell-header-border: #2e2415;--shell-nav-active-bg: rgba(245,158,11,.15);--shell-nav-active-color: #F59E0B;--shell-nav-color: #6B5B3A;--shell-logo-color: #F59E0B;--shell-badge-bg: #F59E0B;--shell-badge-color: #12100e;--shell-accent-glow: rgba(245,158,11,.3);--shell-bottomnav-bg: #0d0b08;--shell-bottomnav-border: #2e2415;--shell-sidebar-bg: linear-gradient(180deg, #1c1710, #0f0d0a);--shell-sidebar-border: #2e2415;--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);color-scheme:dark}body.theme-crystal{--color-primary: #8B5CF6;--color-primary-dark: #7C3AED;--color-success: #34D399;--color-danger: #EF4444;--color-bg: #0f0628;--color-surface: rgba(255,255,255,.06);--color-surface-2: rgba(255,255,255,.04);--color-text: rgba(255,255,255,.92);--color-text-light: rgba(255,255,255,.45);--color-text-muted: rgba(255,255,255,.28);--color-border: rgba(255,255,255,.09);--shell-header-bg: rgba(15,6,40,.97);--shell-header-text: white;--shell-header-border: rgba(255,255,255,.07);--shell-nav-active-bg: rgba(139,92,246,.2);--shell-nav-active-color: white;--shell-nav-color: rgba(255,255,255,.4);--shell-logo-color: white;--shell-badge-bg: #8B5CF6;--shell-badge-color: white;--shell-accent-glow: rgba(139,92,246,.3);--shell-bottomnav-bg: rgba(15,6,40,.98);--shell-bottomnav-border: rgba(255,255,255,.07);--shell-sidebar-bg: rgba(255,255,255,.03);--shell-sidebar-border: rgba(255,255,255,.07);--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);color-scheme:dark}body.theme-neon{--color-primary: #00D4FF;--color-primary-dark: #00B8D9;--color-success: #AAFF00;--color-danger: #FF006E;--color-bg: #080810;--color-surface: #0c0c18;--color-surface-2: #0e0e20;--color-text: rgba(255,255,255,.9);--color-text-light: rgba(255,255,255,.38);--color-text-muted: rgba(255,255,255,.22);--color-border: rgba(0,212,255,.12);--shell-header-bg: rgba(8,8,16,.98);--shell-header-text: rgba(255,255,255,.92);--shell-header-border: rgba(0,212,255,.12);--shell-nav-active-bg: rgba(0,212,255,.12);--shell-nav-active-color: #00D4FF;--shell-nav-color: rgba(255,255,255,.3);--shell-logo-color: white;--shell-badge-bg: #FF006E;--shell-badge-color: white;--shell-accent-glow: rgba(0,212,255,.25);--shell-bottomnav-bg: rgba(8,8,16,.99);--shell-bottomnav-border: rgba(0,212,255,.12);--shell-sidebar-bg: #0c0c18;--shell-sidebar-border: rgba(0,212,255,.12);--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.7);color-scheme:dark}body.theme-neon .themed-layout:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body.theme-crystal .themed-layout:before{content:"";position:fixed;top:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);pointer-events:none;z-index:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.card{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.125rem;border-radius:8px;font-family:var(--font-family);font-size:.875rem;font-weight:700;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:var(--shell-badge-color, white)}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn.btn-secondary{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border)}.btn.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn.btn-danger{background:var(--color-danger);color:#fff}.btn.btn-danger:hover:not(:disabled){filter:brightness(.9)}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.8rem;font-weight:700;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:.5rem .75rem;border:2px solid var(--color-border);border-radius:8px;font-family:var(--font-family);font-size:.875rem;background:var(--color-surface);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(99,102,241,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}