*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#e4e8f0,#f0f4f8);min-height:100vh;transition:background .3s ease}html.dark body{background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16162a);color:#e2e8f0}.light-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 100% 80% at 20% 30%,rgba(167,139,250,.3),transparent),radial-gradient(ellipse 80% 100% at 80% 60%,rgba(251,113,133,.25),transparent),radial-gradient(ellipse 70% 90% at 50% 80%,rgba(129,140,248,.2),transparent),linear-gradient(135deg,#e0e7ff,#ddd6fe,#fae8ff,#fce7f3,#fee2e2);animation:meshMove 20s ease-in-out infinite alternate}@keyframes meshMove{0%{background-position:0% 0%,100% 100%,50% 50%}to{background-position:100% 100%,0% 0%,30% 70%}}.soft-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}.soft-orb-pink{background:radial-gradient(circle,rgba(251,113,133,.5) 0%,transparent 60%);animation:float 15s ease-in-out infinite}.soft-orb-purple{background:radial-gradient(circle,rgba(167,139,250,.6) 0%,transparent 60%);animation:float 18s ease-in-out infinite reverse}.soft-orb-blue{background:radial-gradient(circle,rgba(129,140,248,.4) 0%,transparent 60%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.card{background:#ffffff26;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268726,0 4px 12px #0000000d,inset 0 1px 1px #fff9;transition:all .3s ease}.card:hover{background:#ffffff40;box-shadow:0 12px 48px #1f268733,0 6px 16px #00000014,inset 0 1px 1px #fffc;transform:translateY(-2px)}.card-solid{background:#ffffff40;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268726,0 4px 12px #0000000d,inset 0 1px 1px #fff9}.sidebar-light{background:#fff3;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-right:1px solid rgba(255,255,255,.3);box-shadow:2px 0 20px #1f26871a}.gradient-card-pink{background:linear-gradient(135deg,#fecdd3,#fda4af,#fb7185);border-radius:20px;box-shadow:0 10px 40px #fb71854d}.gradient-card-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe,#c084fc);border-radius:20px;box-shadow:0 10px 40px #c084fc40}.gradient-card-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd,#60a5fa);border-radius:20px;box-shadow:0 10px 40px #60a5fa40}.gradient-card-teal{background:linear-gradient(135deg,#99f6e4,#5eead4,#2dd4bf);border-radius:20px;box-shadow:0 10px 40px #2dd4bf40}.gradient-card-premium{background:linear-gradient(135deg,#c7d2fe,#ddd6fe,#fbcfe8,#fecdd3,#fed7aa);border-radius:20px;box-shadow:0 10px 40px #c7d2fe4d}.btn-light{background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:12px;padding:10px 20px;font-weight:600;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.btn-light:hover{background:#f8fafc;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.btn-primary-light{background:linear-gradient(135deg,#818cf8,#a78bfa);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;box-shadow:0 4px 16px #818cf84d;transition:all .2s ease}.btn-primary-light:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf866}.btn-soft{background:#818cf81a;color:#6366f1;border:none;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .2s ease}.btn-soft:hover{background:#818cf833}.nav-item-light{position:relative;padding:12px 16px;border-radius:12px;transition:all .2s ease;color:#64748b}.nav-item-light:hover{background:#6366f10d;color:#6366f1}.nav-item-light.active{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);color:#6366f1}.nav-item-light.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#818cf8,#a78bfa);border-radius:0 4px 4px 0}.stat-card{background:#fff3;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #1f268726,inset 0 1px 1px #ffffff80;transition:all .3s ease}.stat-card:hover{background:#ffffff4d;box-shadow:0 12px 40px #1f268733,inset 0 1px 1px #fff9;transform:translateY(-2px)}.input-light{background:#f8fafc99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:12px 16px;color:#334155;transition:all .2s ease}.input-light:focus{outline:none;border-color:#818cf8;background:#fffc;box-shadow:0 0 0 3px #818cf81a,0 4px 12px #0000000a}.input-light::placeholder{color:#94a3b8}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0003}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;color:#6366f1;font-weight:700;font-size:14px;box-shadow:0 2px 8px #6366f126}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-success{background:#10b9811a;color:#059669}.badge-purple{background:#8b5cf61a;color:#7c3aed}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.generating{background:#8b5cf6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.text-gradient-light{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::selection{background:#818cf84d;color:#312e81}html.dark .light-bg{background:radial-gradient(ellipse 100% 80% at 20% 30%,rgba(99,102,241,.2),transparent),radial-gradient(ellipse 80% 100% at 80% 60%,rgba(168,85,247,.15),transparent),radial-gradient(ellipse 70% 90% at 50% 80%,rgba(79,70,229,.15),transparent),linear-gradient(135deg,#0f0f1a,#1a1a2e,#16162a,#1e1e3f,#0f0f1a)}html.dark .soft-orb-pink{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 60%)}html.dark .soft-orb-purple{background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 60%)}html.dark .soft-orb-blue{background:radial-gradient(circle,rgba(79,70,229,.3) 0%,transparent 60%)}html.dark .card,html.dark .card-solid{background:#1e1e3c99;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff0d}html.dark .sidebar-light{background:#141428cc;border-right:1px solid rgba(255,255,255,.1)}html.dark .stat-card{background:#1e1e3c80;border:1px solid rgba(255,255,255,.1)}html.dark .input-light{background:#1e1e3c99;border:1px solid rgba(255,255,255,.1);color:#e2e8f0}html.dark .input-light::placeholder{color:#64748b}html.dark .btn-light{background:#1e1e3ccc;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}html.dark .nav-item-light{color:#94a3b8}html.dark .nav-item-light:hover{background:#6366f11a;color:#a5b4fc}html.dark .nav-item-light.active{background:#6366f133;color:#a5b4fc}html.dark .text-slate-800{color:#e2e8f0}html.dark .text-slate-700{color:#cbd5e1}html.dark .text-slate-600{color:#94a3b8}html.dark .text-slate-500{color:#64748b}html.dark .text-slate-400{color:#475569}