.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);box-shadow:0 2px 16px #6c63ff0f}.nav-logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s,transform .2s}.nav-logo:hover{opacity:.85;transform:scale(1.02)}.nav-logo-img{height:46px;width:auto;max-width:250px;object-fit:contain;display:block}.nav-logo-text{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.3px}.nav-logo-accent{color:var(--accent)}.nav-btns{display:flex;gap:10px}.nav-btn{padding:8px 18px;border-radius:var(--radius-xs);border:1.5px solid var(--border-light);background:transparent;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;color:var(--text2);transition:all .2s}.nav-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.nav-btn.primary{background:linear-gradient(135deg,#6c63ff,#a78bfa);color:#fff;border-color:transparent}.nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6c63ff4d}.nav-btn.primary.active{background:linear-gradient(135deg,#5b52ee,#9678f0)}.nav-admin-btn{padding:8px 10px!important;font-size:16px!important;border-color:#ffffff0f!important;opacity:.6;transition:all .25s}.nav-admin-btn:hover{opacity:1;border-color:#8b5cf666!important;background:#8b5cf61a!important;transform:rotate(30deg)}.nav-admin-btn.active{opacity:1;background:#8b5cf626!important;border-color:#8b5cf666!important}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:var(--surface2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.1);box-shadow:0 0 16px #6c63ff33}.theme-toggle:active{transform:scale(.95)}.theme-toggle.dark{border-color:#fbbf244d;background:#fbbf2414}.theme-toggle.dark:hover{border-color:#fbbf2480;box-shadow:0 0 16px #fbbf2433}.theme-toggle-icon{font-size:18px;display:flex;align-items:center;justify-content:center;animation:themeIconPop .4s cubic-bezier(.4,0,.2,1)}@keyframes themeIconPop{0%{transform:scale(.3) rotate(-90deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.hamburger-btn{display:none;background:transparent;border:none;font-size:24px;color:var(--text);cursor:pointer;z-index:101}@media(max-width:768px){.navbar{padding:0 16px;height:60px}.nav-logo-img{height:40px;max-width:190px}.hamburger-btn{display:block}.nav-btns{position:absolute;top:60px;left:0;width:100%;height:0;overflow:hidden;flex-direction:column;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all .3s ease;padding:0 20px;box-shadow:0 10px 20px #0000001a;align-items:stretch;border-bottom:1px solid var(--border);opacity:0}.nav-btns.mobile-open{height:auto;padding:20px;opacity:1;overflow:visible}.nav-btn{width:100%;text-align:center;padding:12px;font-size:14px}.theme-toggle{margin:0 auto 12px}.nav-user-badge{text-align:center;margin:8px 0;display:block}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-start: #ffffff;--bg-end: #f8fafc;--bg: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);--surface: rgba(255, 255, 255, .85);--surface2: rgba(255, 255, 255, .95);--surface3: #ffffff;--border: rgba(139, 92, 246, .15);--border-light: rgba(0, 0, 0, .05);--accent: #8b5cf6;--accent2: #a855f7;--accent3: #c084fc;--accent-soft: rgba(139, 92, 246, .08);--gold: #f59e0b;--gold-soft: #fef3c7;--text: #1e293b;--text2: #475569;--text3: #94a3b8;--green: #10b981;--green-soft: #d1fae5;--red: #ef4444;--pink: #ec4899;--pink-soft: #fce7f3;--radius: 24px;--radius-sm: 14px;--radius-xs: 8px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .02), 0 1px 2px rgba(0, 0, 0, .01);--shadow-md: 0 8px 24px rgba(139, 92, 246, .06), 0 4px 12px rgba(0, 0, 0, .03);--shadow-lg: 0 16px 48px rgba(139, 92, 246, .08), 0 8px 24px rgba(0, 0, 0, .03);--shadow-glow: 0 0 32px rgba(139, 92, 246, .15);--transition: .3s cubic-bezier(.4, 0, .2, 1)}body.dark{--bg-start: #080812;--bg-end: #120A2E;--bg: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);--surface: rgba(22, 18, 40, .75);--surface2: rgba(30, 24, 52, .85);--surface3: rgba(40, 32, 70, .95);--border: rgba(139, 92, 246, .2);--border-light: rgba(255, 255, 255, .05);--accent: #8b5cf6;--accent2: #a855f7;--accent3: #c084fc;--accent-soft: rgba(139, 92, 246, .15);--gold: #fbbf24;--gold-soft: rgba(251, 191, 36, .15);--text: #ffffff;--text2: #cbd5e1;--text3: #94a3b8;--green: #34d399;--green-soft: rgba(52, 211, 153, .12);--red: #f87171;--pink: #f472b6;--pink-soft: rgba(244, 114, 182, .12);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 32px rgba(192, 132, 252, .25)}body.dark ::-webkit-scrollbar-thumb{background:#8b5cf640}body.dark .global-toast{background:#1e1b3a;color:#fff;box-shadow:0 8px 32px #0006}html{scroll-behavior:smooth}body{background:var(--bg);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);margin:0;padding:0;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 10%,rgba(139,92,246,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(59,130,246,.05) 0%,transparent 60%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:-1;transition:background var(--transition);animation:bgFloat 15s ease-in-out infinite alternate}body.dark:before{background:radial-gradient(ellipse 70% 60% at 20% -10%,rgba(139,92,246,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 110%,rgba(192,132,252,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(168,85,247,.05) 0%,transparent 70%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");background-size:100% 100%,100% 100%,100% 100%,40px 40px,40px 40px,200px 200px}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 50%,rgba(139,92,246,.04) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.03) 0%,transparent 40%);animation:bgFloatRotate 25s linear infinite;transition:background var(--transition)}body.dark:after{background:radial-gradient(circle at 10% 40%,rgba(139,92,246,.08) 0%,transparent 40%),radial-gradient(circle at 90% 60%,rgba(192,132,252,.06) 0%,transparent 40%)}@keyframes bgFloatRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,40px) scale(1.15)}}#root{position:relative;z-index:1;width:100%;min-height:100vh}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 4px 20px #6c63ff40}50%{box-shadow:0 4px 32px #a78bfa73}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.6)}70%{transform:scale(.9)}to{transform:scale(1.15)}}@keyframes starShake{0%{transform:scale(1.1)}30%{transform:scale(.85) rotate(-8deg)}60%{transform:scale(.95) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes blink{0%,80%,to{opacity:.15}40%{opacity:1}}@keyframes particleFly{0%{opacity:1;transform:translate(0) scale(1) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0) rotate(var(--rot))}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.screen{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.glass-card{background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);transition:box-shadow var(--transition),transform var(--transition)}.glass-card:hover{box-shadow:0 12px 48px #6c63ff1f,0 4px 20px #0000000f}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent3) 50%,var(--accent2) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}.btn-primary{width:100%;padding:14px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));background-size:200% 200%;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:inherit;box-shadow:0 4px 20px #8b5cf64d;letter-spacing:.3px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 3s ease infinite;pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6c63ff66;background-position:100% 50%}.btn-primary:active{transform:scale(.98) translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.field label{font-size:12px;color:var(--text2);margin-bottom:6px;display:block;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.field input,.field select{width:100%;background:var(--bg-warm);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:var(--text);font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff1a}body.dark .field select option{background-color:#120a2e;color:#fff}.field input::placeholder{color:var(--text3)}.field.error input{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a;animation:headShake .4s ease}@keyframes headShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.star-particle{position:fixed;pointer-events:none;z-index:9999;animation:particleFly var(--dur, .7s) ease forwards}.loading-dots{display:inline-flex;gap:5px;align-items:center}.loading-dots span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c63ff33;border-radius:4px}.global-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:#fff;padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;z-index:9999;transition:all .3s cubic-bezier(.22,1,.36,1);white-space:nowrap;box-shadow:0 8px 32px #0003;pointer-events:none}.powered{text-align:center;font-size:11px;color:var(--text3);padding:16px 0 8px;letter-spacing:.3px}.powered span{color:var(--accent);font-weight:700}.app-shell{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-shell--narrow{align-items:center;justify-content:flex-start}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 32px}.app-main--narrow{max-width:430px;padding:16px}@media(max-width:768px){.app-main{padding:16px}}@media(max-width:480px){.app-main{padding:12px}}