:root{--bg: #06040f;--surface: #0d0918;--surface2: #130e23;--surface3: #1c1638;--border: #2a1d4e;--border-hi: #5b3fa0;--accent: #a855f7;--accent-dim: #4a1472;--accent-deep: #2d0657;--accent-glow: #d8b4fe;--plasma: #38bdf8;--plasma-dim: #0c3a5e;--plasma-glow: #bae6fd;--text: #ede8f8;--text-muted: #8b7aaa;--text-dim: #4e3f6e;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #38bdf8;--radius: 12px;--radius-sm: 8px;--sidebar-w: 252px;--glow-accent: 0 0 24px rgba(168,85,247,.4);--glow-plasma: 0 0 24px rgba(56,189,248,.4);--glow-card: 0 0 40px rgba(168,85,247,.06);--shadow: 0 8px 40px rgba(0,0,0,.7)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:"Exo 2",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.055) 3px,rgba(0,0,0,.055) 4px);pointer-events:none;z-index:9000}#root{min-height:100%;background-image:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(168,85,247,.13) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(56,189,248,.07) 0%,transparent 60%),radial-gradient(ellipse 30% 30% at 10% 70%,rgba(168,85,247,.05) 0%,transparent 60%)}h1,h2,h3{font-family:Cinzel Decorative,Palatino Linotype,serif;letter-spacing:.03em;line-height:1.3}h1{font-size:21px}h2{font-size:17px}h3{font-size:14px}.data-value,.font-data{font-family:Rajdhani,Segoe UI,sans-serif;font-weight:600}a{color:var(--plasma-glow);text-decoration:none}a:hover{color:var(--plasma);text-decoration:underline}input,select,textarea{font-family:"Exo 2",sans-serif;font-size:14px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--plasma);box-shadow:0 0 0 2px #38bdf81f,0 0 14px #38bdf81a}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select option{background:var(--surface2);color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-dim),var(--plasma-dim));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button{cursor:pointer;font-family:"Exo 2",sans-serif;font-size:inherit;border:none;outline:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--radius-sm);font-family:"Exo 2",sans-serif;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transform:translate(-100%);transition:transform 0s}.btn:hover:before{animation:btn-sweep .45s ease forwards}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#9333ea,#6d28d9 60%,#4c1d95);color:#f5f3ff;border:1px solid rgba(168,85,247,.5);box-shadow:0 0 18px #a855f759,inset 0 1px #ffffff1f}.btn-primary:hover{box-shadow:0 0 32px #a855f78c,0 0 8px #38bdf833,inset 0 1px #ffffff1f;border-color:#a855f7cc}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface2);border-color:var(--border-hi);color:var(--text)}.btn-danger{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:1px solid rgba(239,68,68,.5);box-shadow:0 0 14px #ef444433}.btn-danger:hover{box-shadow:0 0 28px #ef444473}.btn-sm{padding:4px 12px;font-size:11px}.btn-icon{padding:6px;border-radius:6px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{position:relative;background:linear-gradient(105deg,#a855f700,#a855f709 40%,#38bdf808 60%,#a855f700),linear-gradient(160deg,var(--surface) 0%,var(--surface2) 100%);background-size:250% 100%,100% 100%;border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .3s,box-shadow .3s;box-shadow:var(--glow-card),var(--shadow);animation:holo-shimmer 12s linear infinite}.card:hover{border-color:var(--border-hi);box-shadow:0 0 28px #a855f72e,0 0 56px #38bdf80f,var(--shadow);animation-duration:6s}.card:after{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);border-radius:var(--radius) 0 0 0;pointer-events:none;opacity:.45;transition:opacity .3s}.card:hover:after{opacity:.9}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:"Exo 2",sans-serif}.badge-purple{background:#a855f724;color:var(--accent-glow);border:1px solid rgba(168,85,247,.35)}.badge-green{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.3)}.badge-yellow{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-red{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-family:"Exo 2",sans-serif}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 30%,var(--border) 70%,transparent);margin:16px 0}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-right-color:var(--plasma);border-radius:50%;animation:spin .8s linear infinite}.page-title{font-family:Cinzel Decorative,serif;font-size:19px;font-weight:700;background:linear-gradient(90deg,var(--accent-glow) 0%,var(--plasma-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em;line-height:1.3}.sidebar{width:var(--sidebar-w);background:linear-gradient(180deg,#0d061cfa,#090614fa,#0d061cfa);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;z-index:10;transition:transform .3s ease}.sidebar:before{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,var(--accent) 25%,var(--plasma) 75%,transparent 100%);opacity:.25;pointer-events:none}.sidebar-logo{padding:18px 20px;position:relative}.sidebar-logo:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--plasma),transparent);opacity:.4}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.nav-section-label{padding:12px 20px 4px;font-size:9px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-family:"Exo 2",sans-serif}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:1px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:"Exo 2",sans-serif;color:var(--text-muted);text-decoration:none;transition:all .18s;border-left:2px solid transparent;position:relative;cursor:pointer}.nav-item:hover{background:#a855f712;color:var(--text);border-left-color:var(--border-hi);text-decoration:none}.nav-item.active{background:linear-gradient(90deg,#a855f72e,#a855f70d);color:var(--accent-glow);border-left-color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-1px;top:20%;bottom:20%;width:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 10px var(--accent),0 0 20px #a855f780}.nav-icon{width:20px;text-align:center;font-size:14px;flex-shrink:0;opacity:.85;font-style:normal}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:12px 14px;position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,var(--plasma),var(--accent),transparent);opacity:.3}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-dim),var(--plasma-dim));border:1px solid rgba(168,85,247,.5);box-shadow:0 0 12px #a855f74d;display:flex;align-items:center;justify-content:center;color:var(--accent-glow);font-weight:700;font-size:14px;font-family:"Exo 2",sans-serif;flex-shrink:0;animation:avatar-pulse 4s ease-in-out infinite}.hamburger{display:none;position:fixed;top:12px;left:12px;z-index:200;width:40px;height:40px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;justify-content:center;color:var(--text-muted);font-size:18px;box-shadow:0 0 16px #a855f726;cursor:pointer;transition:all .2s}.hamburger:hover{border-color:var(--accent);color:var(--accent-glow);box-shadow:0 0 20px #a855f74d}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#03010abf;z-index:99}.sidebar-overlay.open{display:block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes holo-shimmer{0%{background-position:-100% 0,0 0}to{background-position:350% 0,0 0}}@keyframes btn-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #a855f74d}50%{box-shadow:0 0 24px #a855f7b3,0 0 48px #38bdf833}}@keyframes avatar-pulse{0%,to{box-shadow:0 0 10px #a855f74d}50%{box-shadow:0 0 18px #a855f78c,0 0 6px #38bdf84d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes arcane-border{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.w-full{width:100%}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:18px}.text-xl{font-size:22px}.font-bold{font-weight:700}.font-medium{font-weight:500}.score-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.text-glow-accent{color:var(--accent-glow);text-shadow:0 0 12px rgba(168,85,247,.6)}.text-glow-plasma{color:var(--plasma-glow);text-shadow:0 0 12px rgba(56,189,248,.5)}@media(max-width:768px){.hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;height:100%;z-index:100;transform:translate(-100%);box-shadow:4px 0 40px #000c}.sidebar.open{transform:translate(0)}.app-main{padding-top:60px!important;padding-left:16px!important;padding-right:16px!important}}@media(prefers-reduced-motion:reduce){.card,.avatar{animation:none}.btn:before{display:none}.spinner{animation:spin 1.5s linear infinite}}@media(pointer:coarse){body:after{display:none}.card,.avatar{animation:none}.btn:before{display:none}.nav-item{padding:12px 14px}.btn-sm{padding:7px 14px}}