@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--blue: #00E5FF;--blue-dim: #00B8D4;--blue-light: #84FFFF;--blue-bg: rgba(0, 229, 255, .1);--primary-50: #e0f7fa;--primary-100: #b2ebf2;--primary-200: #80deea;--primary-300: #4dd0e1;--primary-400: #26c6da;--primary-500: #00E5FF;--primary-600: #00acc1;--primary-700: #00838f;--primary-800: #006064;--primary-900: #00363a;--accent-cyan: #00E5FF;--accent-pink: #FF007F;--accent-violet: #8A2BE2;--accent-amber: #FFB300;--accent-emerald: #00E676;--accent-rose: #FF1744;--gradient-primary: linear-gradient(135deg, #00E5FF 0%, #8A2BE2 100%);--gradient-subtle: linear-gradient(135deg, rgba(0, 229, 255, .15) 0%, rgba(138, 43, 226, .15) 100%);--gradient-dark: linear-gradient(135deg, #05050A 0%, #0B0C15 100%);--success: #00E676;--success-bg: rgba(0, 230, 118, .1);--success-text: #69F0AE;--warning: #FFB300;--warning-bg: rgba(255, 179, 0, .1);--warning-text: #FFD54F;--danger: #FF1744;--danger-bg: rgba(255, 23, 68, .1);--danger-text: #FF8A80;--info: #00E5FF;--info-bg: rgba(0, 229, 255, .1);--info-text: #84FFFF;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--bg-primary: #030305;--bg-secondary: #0A0B10;--bg-card: rgba(18, 19, 30, .45);--bg-card-hover: rgba(25, 27, 45, .6);--bg-glass: rgba(10, 11, 20, .5);--border-color: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .04);--border-focus: #00E5FF;--text-primary: #F8FAFC;--text-secondary: #A0AABF;--text-muted: #64748B;--placeholder-color: #475569;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 16px 40px rgba(0,0,0,.6);--shadow-xl: 0 24px 60px rgba(0,0,0,.8);--shadow-glass: 0 10px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(0, 229, 255, .15);--card-glow: 0 0 0 1px rgba(255,255,255,.05);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(16px);--premium-glow: 0 0 40px rgba(0, 229, 255, .12);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-2xl:40px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.3s cubic-bezier(.34,1.56,.64,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--sidebar-width: 260px;--sidebar-margin: 16px;--sidebar-bg: #05050A;--sidebar-text: #F8FAFC;--sidebar-text-muted: #A0AABF;--sidebar-active: #00E5FF;--sidebar-border: rgba(255, 255, 255, .04);--modal-bg: #0B0C15;--input-bg: rgba(255, 255, 255, .03);--input-border:#e2e8f0}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-glass: #ffffff;--sidebar-bg: #05050A;--sidebar-text: #F8FAFC;--sidebar-text-muted: #A0AABF;--sidebar-active: #00E5FF;--sidebar-border: rgba(255, 255, 255, .04);--glass-bg: rgba(255, 255, 255, .95);--glass-border: #ffffff;--border-color: #e2e8f0;--text-primary: #0f172a;--text-secondary:#475569;--canvas-opacity: .15;--card-glow: inset 0 0 0 1px rgba(0, 0, 0, .05);--modal-bg: #ffffff;--input-bg: #f8fafc;--input-border: #cbd5e1;--border-glass: #e2e8f0}[data-theme=dark]{--bg-primary: #030305;--bg-secondary: #0A0B10;--bg-card: rgba(18, 19, 30, .45);--bg-card-hover: rgba(25, 27, 45, .6);--bg-glass: rgba(10, 11, 20, .5);--border-color: rgba(255, 255, 255, .06);--border-glass: rgba(255, 255, 255, .04);--border-focus: #00E5FF;--text-primary: #F8FAFC;--text-secondary: #A0AABF;--text-muted: #64748B;--placeholder-color: #475569;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 24px rgba(0,0,0,.5);--shadow-lg: 0 16px 40px rgba(0,0,0,.6);--shadow-xl: 0 24px 60px rgba(0,0,0,.8);--shadow-glass: 0 10px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(0, 229, 255, .15);--card-glow: 0 0 0 1px rgba(255,255,255,.05);--sidebar-bg: rgba(10, 11, 20, .9);--sidebar-text: #F8FAFC;--sidebar-text-muted: #A0AABF;--sidebar-active: #00E5FF;--sidebar-border: rgba(255, 255, 255, .05);--modal-bg: rgba(15, 16, 25, .98);--input-bg: rgba(255, 255, 255, .03);--input-border:rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-blur: blur(20px);--premium-glow: 0 0 40px rgba(0, 229, 255, .15);--card-glow: inset 0 0 0 1px rgba(255, 255, 255, .08);--shadow-glass: 0 12px 40px rgba(0, 0, 0, .7)}[data-theme=dark]{--canvas-opacity: .8}[data-theme=light] .stat-card-glow{opacity:.3!important}[data-theme=light] .glass-card{box-shadow:0 8px 30px #0000000a,inset 0 0 0 1px #fff}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass),var(--card-glow)}.glow-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glow-hover:hover{box-shadow:var(--premium-glow);transform:translateY(-2px);border-color:#00e5ff4d}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{position:relative;z-index:1;min-height:100vh}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;margin-left:calc(var(--sidebar-width) + (var(--sidebar-margin) * 2));padding:24px 32px;transition:all var(--transition-base);height:100vh;background-color:transparent;width:calc(100% - (var(--sidebar-width) + (var(--sidebar-margin) * 2)));position:relative;overflow-y:auto;overflow-x:hidden}@media (min-width: 1025px){.main-content:has(.db-shell){overflow:hidden}}@media (max-width: 1280px){.main-content{padding:24px 32px}}@media (max-width: 1024px){.main-content{padding:20px 24px}}@media (max-width: 768px){.app-layout{display:block;height:auto;overflow:visible}.main-content{margin-left:0!important;width:100%!important;padding:80px 16px 16px!important}}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background-color:var(--bg-primary)}.mesh-bg:before,.mesh-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.mesh-bg:before{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,var(--primary-100) 0%,transparent 70%);animation-name:mesh-float1}.mesh-bg:after{bottom:-10%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#e1bee7 0%,transparent 70%);animation-name:mesh-float2;animation-direction:alternate}@keyframes mesh-float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10vw,5vh) scale(1.1)}}@keyframes mesh-float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10vw,-5vh) scale(1.1)}}[data-theme=dark] .mesh-bg:before,[data-theme=dark] .mesh-bg:after{opacity:.15;filter:blur(120px)}[data-theme=dark] .mesh-bg:before{background:radial-gradient(circle,var(--primary-900) 0%,transparent 70%)}[data-theme=dark] .mesh-bg:after{background:radial-gradient(circle,#4a148c 0%,transparent 70%)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.page-header h1{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}@media (max-width: 640px){.page-header h1{font-size:1.5rem}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header .btn-group,.page-header>div:last-child{width:100%;display:flex;gap:8px}.page-header .btn{flex:1}}.stat-card{background:var(--bg-card);border:none;border-radius:var(--radius-xl);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden;cursor:pointer}.stat-card:active{transform:scale(.96)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow)}.stat-card:hover:before{opacity:1}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:transform var(--transition-base)}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-icon.blue{background:#00e5ff1f;color:#00e5ff}.stat-icon.green{background:#00e6761f;color:#00e676}.stat-icon.red{background:#ff17441f;color:#ff1744}.stat-icon.amber{background:#ffb3001f;color:#ffb300}.stat-icon.purple{background:#8a2be21f;color:#8a2be2}.stat-info h3{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--text-primary);line-height:1.1}.stat-change{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;margin-top:4px}.stat-change.positive{color:var(--success-text)}.stat-change.negative{color:var(--danger-text)}@media (max-width: 640px){.stat-card{flex-direction:row;align-items:center;text-align:left;padding:12px 16px;gap:12px}.stat-icon{width:40px!important;height:40px!important;font-size:1.1rem!important}.stat-value{font-size:1.25rem!important;line-height:1}.stat-info h3{font-size:.75rem;margin-bottom:2px}}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bento-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;overflow:hidden}.bento-card:active{transform:scale(.98)}.bento-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:1}.bento-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-md),var(--shadow-glow)}.bento-span-2{grid-column:span 2}.bento-span-3{grid-column:span 3}.bento-span-4{grid-column:span 4}@media (max-width: 1200px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-span-2,.bento-span-3{grid-column:span 2}}@media (max-width: 600px){.bento-grid{grid-template-columns:1fr}.bento-span-2,.bento-span-3,.bento-span-4{grid-column:span 1}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:12px}}.form-control,input,select,textarea{background-repeat:no-repeat!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-secondary) inset!important;-webkit-text-fill-color:var(--text-primary)!important;background-repeat:no-repeat!important;transition:background-color 5000s ease-in-out 0s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:active{transform:scale(.92)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 8px 24px #00e5ff4d;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s}.btn-primary:hover:after{transform:translate(100%)}.btn-primary:hover{box-shadow:0 12px 32px #00e5ff66;transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:none;box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-text)}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-xs{padding:4px 10px;font-size:.72rem;border-radius:var(--radius-sm)}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:#00e5ff14;color:var(--primary-500)}.btn-icon.text-danger:hover{background:var(--danger-bg);color:var(--danger)}.w-full{width:100%}.tabs{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:4px;margin-bottom:20px;width:fit-content}.tab{padding:10px 24px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-card)}.tab.active{background:var(--bg-card);color:var(--primary-600);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.form-control{width:100%;padding:14px 18px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:all var(--transition-fast);outline:none}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11f,0 2px 8px #6366f10f}.form-control::placeholder{color:var(--placeholder-color)}select.form-control{cursor:pointer;color:var(--text-primary);background-color:var(--input-bg)}select.form-control option{background-color:var(--modal-bg);color:var(--text-primary)}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:0}}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;min-width:600px}thead th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:2}[data-theme=dark] thead th{background:#1a114580}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#6366f108}[data-theme=dark] tbody tr:hover{background:#6366f10f}tbody td{padding:16px 20px;font-size:.9rem;border-bottom:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalOverlayIn .25s ease}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--modal-bg);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px -12px #00000040,0 0 30px #6366f114;position:relative;animation:modalSlideIn .35s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-glass);margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{font-size:1.25rem;font-weight:700;margin-bottom:8px;letter-spacing:-.02em}@media (max-width: 640px){.modal{padding:24px;border-radius:var(--radius-lg)}}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border-color)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-neutral{background:var(--gray-100);color:var(--gray-600)}.badge-primary{background:var(--blue-bg);color:var(--blue)}.badge-info{background:var(--info-bg);color:var(--info-text)}[data-theme=dark] .badge-neutral{background:#64748b26;color:#94a3b8}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-animate-enter{animation:pageFadeIn .4s ease forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.sidebar{transform:translate(-100%);visibility:hidden;box-shadow:4px 0 24px #0003}.sidebar.open{transform:translate(0);visibility:visible}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;cursor:pointer}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px dashed var(--gray-300);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.04) 0%,transparent 60%);pointer-events:none}.empty-icon{font-size:3rem;color:var(--gray-400);margin-bottom:16px;animation:emptyBounce 2s ease-in-out infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.toast-notification{position:fixed;bottom:24px;right:24px;background:var(--text-primary);color:var(--bg-primary);padding:14px 24px;border-radius:var(--radius-lg);font-size:.85rem;font-weight:600;box-shadow:0 12px 40px #0003;z-index:9999;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-header h1{position:relative}.page-header p{color:var(--text-muted);font-size:.88rem;margin-top:2px}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger-enter>*{animation:staggerFadeIn .5s cubic-bezier(.16,1,.3,1) both}.stagger-enter>*:nth-child(1){animation-delay:.03s}.stagger-enter>*:nth-child(2){animation-delay:.06s}.stagger-enter>*:nth-child(3){animation-delay:.09s}.stagger-enter>*:nth-child(4){animation-delay:.12s}.stagger-enter>*:nth-child(5){animation-delay:.15s}.stagger-enter>*:nth-child(6){animation-delay:.18s}.stagger-enter>*:nth-child(7){animation-delay:.21s}.stagger-enter>*:nth-child(8){animation-delay:.24s}.stagger-enter>*:nth-child(9){animation-delay:.27s}.stagger-enter>*:nth-child(10){animation-delay:.3s}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--sidebar-bg);padding:0 16px;align-items:center;justify-content:space-between;z-index:1100;border-bottom:1px solid var(--sidebar-border)}.menu-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:all var(--transition-fast)}.menu-btn:active{transform:scale(.92);background:#ffffff1a}.mobile-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.hide-mobile{display:inline-block}.show-mobile{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}.show-mobile{display:inline-block!important}}.text-gradient{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.mobile-header{display:flex}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00e5ff1a}50%{box-shadow:0 0 40px #00e5ff40}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 8px transparent;opacity:.85}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes borderGlow{0%,to{border-color:#00e5ff33}50%{border-color:#00e5ff80}}.hover-glow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 30px #00e5ff26;transform:translateY(-3px)}.hover-lift{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0006,0 0 30px #00e5ff1a}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shimmer-border{border:2px solid transparent;border-image:linear-gradient(135deg,#00e5ff,#8a2be2,#ff007f,#00e5ff) 1;background-size:300% 300%;animation:gradientShift 4s ease infinite}.animate-float{animation:floatY 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn .4s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}tbody tr{position:relative;border-left:3px solid transparent;transition:background var(--transition-fast),border-color .3s ease}tbody tr:hover{border-left-color:var(--primary-500);background:linear-gradient(90deg,rgba(0,229,255,.06) 0%,transparent 40%)}[data-theme=dark] tbody tr:hover{border-left-color:var(--primary-500);background:linear-gradient(90deg,rgba(0,229,255,.08) 0%,transparent 40%)}[data-theme=dark] ::-webkit-scrollbar{width:6px;height:6px}[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff05;border-radius:var(--radius-full)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5ff,#8a2be2);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.05)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#84ffff,#b388ff)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.progress-ring .progress-ring-bg{stroke:#ffffff14}.progress-ring .progress-ring-fill{stroke:url(#progressGradient);filter:drop-shadow(0 0 4px rgba(0,229,255,.3))}.progress-ring .progress-ring-label{position:absolute;font-size:.7rem;font-weight:700;color:var(--text-primary)}.card-premium{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-glass),var(--card-glow);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:.8;transition:opacity .3s ease}.card-premium:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px #00e5ff1f;border-color:#00e5ff26}.card-premium:hover:before{opacity:1}.tab-animated{position:relative;padding:10px 24px;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .3s ease;white-space:nowrap}.tab-animated:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:all .35s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%)}.tab-animated:hover{color:var(--text-primary)}.tab-animated:hover:after{width:60%}.tab-animated.active{color:var(--primary-500)}.tab-animated.active:after{width:80%;background:var(--gradient-primary);box-shadow:0 0 12px #00e5ff4d}.avatar-gradient{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);padding:2px;flex-shrink:0}.avatar-gradient img,.avatar-gradient>span{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-primary);object-fit:cover}.avatar-gradient.avatar-sm{width:32px;height:32px}.avatar-gradient.avatar-lg{width:56px;height:56px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:.65rem;font-weight:800;line-height:1;letter-spacing:.02em;box-shadow:0 2px 8px #00e5ff4d;animation:countUp .3s ease forwards}.count-badge.count-danger{background:var(--danger);box-shadow:0 2px 8px #ff17444d}.count-badge.count-warning{background:var(--warning);color:#000;box-shadow:0 2px 8px #ffb3004d}.skeleton-loader{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton-loader.skeleton-text{height:14px;width:100%;margin-bottom:8px;border-radius:6px}.skeleton-loader.skeleton-text.skeleton-short{width:60%}.skeleton-loader.skeleton-heading{height:24px;width:40%;margin-bottom:16px;border-radius:8px}.skeleton-loader.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-loader.skeleton-card{height:120px;width:100%;border-radius:var(--radius-lg)}[data-theme=light] .skeleton-loader{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%);background-size:200% 100%}.db-shell{display:flex;flex-direction:column;height:100%;gap:12px;overflow:hidden;position:relative;z-index:2}.db-property-tabs{border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .db-property-tabs{background:#6366f10a!important;border-bottom-color:#e2e8f0!important}[data-theme=light] .db-property-tabs button{color:#475569!important}[data-theme=light] .db-property-tabs button[style*=linear-gradient]{color:#fff!important}.db-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex-shrink:0}.db-stat-card{background:linear-gradient(135deg,#12131e99,#0c0d16cc);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.db-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--card-glow, #6366f1),transparent);opacity:0;transition:opacity .3s}.db-stat-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 35px #00000080,0 0 0 1px #ffffff0f inset}.db-stat-card:hover:before{opacity:1}.db-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;box-shadow:0 6px 20px #00000040;transition:transform .3s ease,box-shadow .3s ease}.db-stat-card:hover .db-stat-icon{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 25px #00000059}.db-stat-body{flex:1;min-width:0}.db-stat-value{font-size:1.55rem;font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.db-stat-card[data-accent=indigo] .db-stat-value{color:#818cf8}.db-stat-card[data-accent=emerald] .db-stat-value{color:#34d399}.db-stat-card[data-accent=amber] .db-stat-value{color:#fbbf24}.db-stat-card[data-accent=violet] .db-stat-value{color:#c084fc}.db-stat-label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;opacity:.85}.db-stat-pulse{position:absolute;top:-20px;right:-20px;width:100px;height:100px;border-radius:50%;filter:blur(40px);opacity:.12;transition:opacity .4s ease;pointer-events:none}.db-stat-card:hover .db-stat-pulse{opacity:.4}.db-bento{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px}.db-card{border-radius:20px;background:linear-gradient(135deg,#12131e80,#0c0d16b3);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;position:relative}.db-card:hover{border-color:#ffffff1a}.db-mini-stat{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:all .25s ease}.db-mini-stat:hover{background:#ffffff0d;transform:translate(2px)}.db-mini-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:transform .3s ease}.db-mini-stat:hover .db-mini-icon{transform:scale(1.08)}.db-mini-body{flex:1;display:flex;flex-direction:column}.db-mini-value{font-size:1.1rem;font-weight:800;line-height:1.1}.db-mini-label{font-size:.72rem;color:var(--text-secondary);font-weight:600;margin-top:1px}.db-mini-action{font-size:.68rem;font-weight:800;color:#fff;padding:5px 12px;border-radius:8px;opacity:.7;transition:all .25s ease;letter-spacing:.02em}.db-mini-stat:hover .db-mini-action{opacity:1;transform:translate(2px)}.db-activity-header{font-size:.65rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.db-activity-dot{width:6px;height:6px;border-radius:50%;background:#00e676;box-shadow:0 0 8px #00e67699;animation:activityPulse 2s ease-in-out infinite}@keyframes activityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.db-activity-row{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;padding:7px 10px;background:#ffffff06;border-radius:8px;border:1px solid rgba(255,255,255,.04);transition:all .2s ease}.db-activity-row:hover{background:#ffffff0d;border-color:#00e5ff1a}.db-activity-left{color:#ffffff8c;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.db-activity-right{font-weight:700;white-space:nowrap}.bento-accent-line{height:2px;width:100%;border-radius:2px;margin-bottom:12px;opacity:.8}[data-theme=light] .db-stat-card{background:#fff;border:1px solid #e8ecf4;box-shadow:0 2px 12px #0000000a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .db-stat-card:hover{box-shadow:0 8px 30px #00000014,0 0 0 1px #6366f11a inset;border-color:#c7d2fe;background:#fff}[data-theme=light] .db-stat-card:before{background:linear-gradient(90deg,var(--card-glow, #6366f1),transparent)}[data-theme=light] .db-stat-icon{box-shadow:0 4px 12px #0000000f}[data-theme=light] .db-stat-value{color:#0f172a}[data-theme=light] .db-stat-card[data-accent=indigo] .db-stat-value{color:#4f46e5}[data-theme=light] .db-stat-card[data-accent=emerald] .db-stat-value{color:#059669}[data-theme=light] .db-stat-card[data-accent=amber] .db-stat-value{color:#d97706}[data-theme=light] .db-stat-card[data-accent=violet] .db-stat-value{color:#7c3aed}[data-theme=light] .db-stat-pulse{opacity:.06}[data-theme=light] .db-stat-card:hover .db-stat-pulse{opacity:.15}[data-theme=light] .db-card,[data-theme=light] .glass-card.db-card{background:#fff!important;border:1px solid #e8ecf4!important;box-shadow:0 4px 20px #0000000a,0 0 0 1px #fffc inset;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=light] .db-card:hover,[data-theme=light] .glass-card.db-card:hover{box-shadow:0 12px 40px #00000014,0 0 0 1px #6366f114 inset;border-color:#c7d2fe!important}[data-theme=light] .db-mini-stat:hover{background:#6366f10a}[data-theme=light] .db-mini-label{color:#64748b}[data-theme=light] .db-activity-row{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .db-activity-row:hover{background:#f1f5f9;border-color:#c7d2fe}[data-theme=light] .db-activity-left{color:#475569}[data-theme=light] .db-activity-header{color:#94a3b8}@media (max-width: 1024px){.db-stats-row{grid-template-columns:repeat(3,1fr)!important}.db-bento{grid-template-columns:1fr!important;grid-template-rows:auto!important;overflow-y:auto;padding-right:4px}.db-shell{overflow-y:auto;overflow-x:hidden}.glass-card.db-card{grid-column:span 1!important;grid-row:span 1!important;height:350px}}@media (max-width: 640px){.db-stats-row{grid-template-columns:1fr!important;gap:8px!important}.db-stat-card{padding:14px 16px;border-radius:16px}.db-stat-icon{width:40px;height:40px;font-size:1.1rem}.db-stat-value{font-size:1.3rem}.db-mini-stat{padding:6px 8px}.db-activity-row{font-size:.68rem;padding:6px 8px}.hide-mobile{display:none!important}}.sidebar{position:fixed;top:var(--sidebar-margin);left:var(--sidebar-margin);bottom:var(--sidebar-margin);width:var(--sidebar-width);height:calc(100vh - (var(--sidebar-margin) * 2));background:var(--sidebar-bg);border:1px solid rgba(255,255,255,.05);border-radius:24px;display:flex;flex-direction:column;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff08 inset,0 0 80px #6366f108;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.05) 0%,transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(138,43,226,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.sidebar:after{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),rgba(138,43,226,.4),transparent);opacity:.6;border-radius:1px;animation:sidebarTopGlow 4s ease-in-out infinite}@keyframes sidebarTopGlow{0%,to{opacity:.4}50%{opacity:.9}}[data-theme=dark] .sidebar,[data-theme=light] .sidebar{background:var(--sidebar-bg);border:1px solid rgba(255,255,255,.05)}.sidebar>*{position:relative;z-index:1}.sidebar-header{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.sidebar-header:after{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.025) 35%,rgba(138,43,226,.03) 50%,rgba(0,229,255,.025) 65%,transparent 100%);animation:headerShimmer 9s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes headerShimmer{0%,to{transform:translate(-25%)}50%{transform:translate(25%)}}.sidebar-logo{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.sidebar-logo .logo-img{transition:transform .4s cubic-bezier(.4,0,.2,1),filter .3s ease}.sidebar-logo:hover .logo-img{transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 0 10px rgba(0,229,255,.5))}.logo-text{display:flex;align-items:center;gap:8px}.logo-name{font-size:1.12rem;font-weight:800;color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#00e5ffcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-close{display:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:1.2rem;cursor:pointer;padding:6px;border-radius:10px;transition:all .2s;position:relative;z-index:1}.sidebar-close:hover{background:#ffffff1a;color:#f8fafc}.pg-switcher{padding:14px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff04}.pg-switcher-label{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;margin-bottom:10px}.pg-switcher-label svg{font-size:.85rem;color:#00e5ff80}.pg-select-wrapper{position:relative}.pg-select{width:100%;padding:10px 36px 10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#f8fafc;font-family:inherit;font-size:.85rem;font-weight:600;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2300E5FF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .25s cubic-bezier(.4,0,.2,1)}.pg-select:hover{background-color:#00e5ff0d;border-color:#00e5ff33}.pg-select:focus{border-color:#00e5ff66;background-color:#00e5ff0f;box-shadow:0 0 0 3px #00e5ff1a}.pg-select option{background:#0b0c15;color:#f8fafc}.sidebar-nav{flex:1;padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:14px;font-size:.87rem;font-weight:500;color:#ffffff73;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;position:relative;margin:1px 2px;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00e5ff0a;opacity:0;transition:opacity .25s;border-radius:14px}.nav-item:hover{background:#ffffff0a;color:#ffffffd9;transform:translate(3px)}.nav-item:hover:before{opacity:1}.nav-item:active{transform:scale(.96)}.nav-item.active{background:linear-gradient(135deg,#00e5ff1a,#8a2be20f);border:1px solid rgba(0,229,255,.15);color:#fff;font-weight:700;box-shadow:0 4px 15px #00e5ff14,0 0 0 1px #00e5ff14 inset}.nav-item.active:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:linear-gradient(180deg,#00e5ff,#8a2be2);border-radius:0 3px 3px 0}.nav-item.active:before{display:none}.nav-icon{font-size:1.3rem;display:flex;flex-shrink:0;opacity:.5;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nav-item:hover .nav-icon{opacity:.9;transform:scale(1.2)}.nav-item.active .nav-icon{opacity:1;color:#00e5ff;filter:drop-shadow(0 0 6px rgba(0,229,255,.4))}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;background:#00000026}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1;min-width:0;border-radius:12px;padding:7px 8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-info:hover{background:#ffffff0d}.user-avatar{width:34px;height:34px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #6366f159}.sidebar-avatar-enhanced{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary, linear-gradient(135deg, #00E5FF, #8A2BE2, #FF007F));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;color:#fff;box-shadow:0 0 16px #00e5ff40,0 0 0 2px #00e5ff1a;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;overflow:hidden}.sidebar-avatar-enhanced:hover{box-shadow:0 0 25px #00e5ff66,0 0 0 3px #00e5ff33;transform:scale(1.1)}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.8rem;font-weight:700;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.62rem;color:#00e5ff99;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-top:1px}.logout-btn{width:34px;height:34px;border:1px solid rgba(244,63,94,.15);background:#f43f5e14;color:#fb7185cc;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:6px}.logout-btn:hover{background:#f43f5e2e;border-color:#f43f5e4d;color:#f43f5e;box-shadow:0 0 15px #f43f5e26;transform:scale(1.05)}.sidebar-tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#0a0b14f7;color:#f8fafc;padding:6px 12px;border-radius:9px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0006;border:1px solid rgba(0,229,255,.1);z-index:1001;transform:translateY(-50%) translate(-4px)}.nav-item:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;animation:fadeIn .2s ease}@media (max-width: 768px){.sidebar{top:0;left:0;bottom:0;height:100vh;border-radius:0;transform:translate(-100%);border-right:1px solid rgba(255,255,255,.06)}.sidebar.open{transform:translate(0);box-shadow:4px 0 40px #00000080}.sidebar-close{display:flex;align-items:center;justify-content:center}}.auth-page{height:100vh;max-height:100vh;display:flex;align-items:stretch;background:#0a0a14;position:relative;overflow:hidden;font-family:Inter,sans-serif}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}.auth-left-panel{display:none;flex:1;background:linear-gradient(160deg,#040409,#0b0c18 45%,#06060d);padding:32px 44px;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;height:100vh;box-sizing:border-box}@media (min-width: 900px){.auth-left-panel{display:flex}}@keyframes meshShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-mesh-bg{background:linear-gradient(-45deg,#0b0f1a,#16053a,#0b1628,#070a1a,#0d0516);background-size:500% 500%;animation:meshShift 18s ease infinite}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.auth-orb-1{width:450px;height:450px;background:radial-gradient(circle,rgba(0,229,255,.18) 0%,transparent 70%);top:-120px;right:-100px;animation:orbFloat1 9s ease-in-out infinite;opacity:.8}.auth-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(138,43,226,.2) 0%,transparent 70%);bottom:50px;left:-80px;animation:orbFloat2 12s ease-in-out infinite;opacity:.7}.auth-orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(255,0,127,.12) 0%,transparent 70%);top:42%;left:38%;animation:orbFloat3 15s ease-in-out infinite;opacity:.6}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,50px) scale(1.12)}66%{transform:translate(25px,-30px) scale(.88)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-55px) scale(1.18)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-40px,30px) scale(.82)}80%{transform:translate(20px,-25px) scale(1.12)}}.auth-left-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.auth-left-panel:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 120px,rgba(0,229,255,.008) 120px,rgba(0,229,255,.008) 121px);pointer-events:none;z-index:0;animation:scanlineMove 25s linear infinite}@keyframes scanlineMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-brand-logo,.auth-left-content,.auth-left-features{position:relative;z-index:2}.auth-brand-logo{display:flex;align-items:center;gap:16px}.auth-brand-logo img{width:50px;height:50px;border-radius:14px;box-shadow:0 0 25px #00e5ff59,0 0 0 1px #ffffff14 inset;transition:all .4s ease}.auth-brand-logo:hover img{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 40px #00e5ff99}.auth-brand-logo-name{font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#00e5ffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-left-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:20px 0 10px}.auth-left-badge{display:inline-flex;align-items:center;gap:8px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:9999px;padding:6px 18px;font-size:.75rem;font-weight:700;color:#84ffff;margin-bottom:20px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeSlideUp .7s .1s ease both;letter-spacing:.02em}.auth-left-heading{font-size:clamp(1.7rem,2.8vw,2.6rem);font-weight:900;color:#fff;line-height:1.08;letter-spacing:-.05em;margin-bottom:14px;animation:fadeSlideUp .7s .2s ease both}.auth-left-heading span{background:linear-gradient(135deg,#00e5ff,#8a2be2,#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradShift 4s ease infinite}@keyframes gradShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.auth-left-subtext{font-size:.9rem;color:#ffffff73;line-height:1.7;max-width:380px;animation:fadeSlideUp .7s .3s ease both;margin-bottom:4px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-feature-cards{display:flex;flex-direction:column;gap:8px;margin-top:22px}.auth-fc{display:flex;align-items:center;gap:14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:11px 15px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:fcSlideIn .6s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.auth-fc:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:linear-gradient(180deg,#00e5ff,#8a2be2);border-radius:2px;opacity:0;transition:opacity .3s}.auth-fc:nth-child(1){animation-delay:.15s}.auth-fc:nth-child(2){animation-delay:.25s}.auth-fc:nth-child(3){animation-delay:.35s}.auth-fc:nth-child(4){animation-delay:.45s}.auth-fc:hover{background:#00e5ff0d;border-color:#00e5ff26;transform:translate(7px);box-shadow:0 0 25px #00e5ff0f}.auth-fc:hover:before{opacity:1}@keyframes fcSlideIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.auth-fc-icon{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#00e5ff26,#8a2be21a);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#84ffff;box-shadow:0 0 12px #00e5ff26;transition:all .3s ease}.auth-fc:hover .auth-fc-icon{transform:scale(1.12) rotate(-5deg);box-shadow:0 0 20px #00e5ff4d}.auth-fc-text{display:flex;flex-direction:column}.auth-fc-title{font-size:.83rem;font-weight:700;color:#ffffffe6;line-height:1.2}.auth-fc-desc{font-size:.7rem;color:#ffffff61;margin-top:2px;line-height:1.4}.auth-right-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:24px 40px;background:#09091280!important;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);color:var(--text-primary)!important;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.15) transparent}.auth-right-panel::-webkit-scrollbar{width:4px}.auth-right-panel::-webkit-scrollbar-thumb{background:#00e5ff26;border-radius:4px}.auth-right-panel:before{content:"";position:absolute;top:-80px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,229,255,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:authShapeFloat1 17s ease-in-out infinite;z-index:0}.auth-right-panel:after{content:"";position:absolute;bottom:-60px;left:-40px;width:280px;height:280px;background:radial-gradient(circle,rgba(138,43,226,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:authShapeFloat2 20s ease-in-out infinite;z-index:0}@keyframes authShapeFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,35px) scale(1.12)}}@keyframes authShapeFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-25px) scale(1.18)}}@media (min-width: 900px){.auth-right-panel{width:500px;flex-shrink:0;background:#05050c99!important;border-left:1px solid rgba(255,255,255,.04);box-shadow:-20px 0 80px #0000004d;align-items:center}}.auth-right-inner{width:100%;max-width:370px;animation:rightSlideIn .8s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:1}@keyframes rightSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-right-panel .form-group{margin-bottom:14px}.auth-right-panel .form-group:nth-child(1){animation:fadeSlideUp .4s .05s ease both}.auth-right-panel .form-group:nth-child(2){animation:fadeSlideUp .4s .1s ease both}.auth-right-panel .form-group:nth-child(3){animation:fadeSlideUp .4s .15s ease both}.auth-right-panel .form-group:nth-child(4){animation:fadeSlideUp .4s .2s ease both}.auth-right-panel .form-group:nth-child(5){animation:fadeSlideUp .4s .25s ease both}.auth-right-panel .form-group:nth-child(6){animation:fadeSlideUp .4s .3s ease both}.auth-right-panel .form-group:nth-child(7){animation:fadeSlideUp .4s .35s ease both}.auth-right-panel .form-group:nth-child(8){animation:fadeSlideUp .4s .4s ease both}.auth-right-panel .form-control,.auth-right-panel input:not([type=submit]):not([type=button]){background:#ffffff0a!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:11px 14px!important;font-size:.9rem!important;background-repeat:no-repeat!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.auth-right-panel .form-control:focus,.auth-right-panel input:not([type=submit]):not([type=button]):focus{background:#00e5ff0a!important;border-color:#00e5ff59!important;box-shadow:0 0 0 4px #00e5ff14!important;color:#f8fafc!important;outline:none!important}.auth-right-panel label{color:#ffffff80!important;font-weight:600!important;margin-bottom:6px!important;font-size:.78rem!important;letter-spacing:.01em!important;text-transform:uppercase!important}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}@media (min-width: 900px){.auth-logo{display:none}}.auth-logo .logo-img{width:40px;height:40px;border-radius:12px}.auth-logo-name{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#00e5ffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header{text-align:left;margin-bottom:20px}.auth-header h1{font-size:1.65rem;font-weight:900;color:#f8fafc;margin-bottom:5px;letter-spacing:-.04em;line-height:1.12}.auth-header p{color:#fff6;font-size:.85rem}.auth-back-link{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:#00e5ff99!important;text-decoration:none;margin-bottom:20px;transition:all .25s;border-radius:8px;padding:4px 8px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.1)}.auth-back-link:hover{color:#84ffff!important;background:#00e5ff14;transform:translate(-3px)}.auth-brand-mark{display:flex;align-items:center;gap:8px;margin-bottom:14px}.auth-brand-mark-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#8a2be2);box-shadow:0 0 10px #00e5ff80;animation:authDotPulse 2.5s ease-in-out infinite}@keyframes authDotPulse{0%,to{box-shadow:0 0 #00e5ff66,0 0 8px #00e5ff80}50%{box-shadow:0 0 0 8px #00e5ff00,0 0 20px #00e5ff4d}}.auth-brand-mark-text{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#00e5ffb3}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#fff3;font-size:.75rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.auth-error{background:#f43f5e14;border:1px solid rgba(244,63,94,.25);color:#f87171;padding:10px 14px;border-radius:12px;font-size:.82rem;margin-bottom:16px;text-align:center;animation:fadeSlideUp .3s ease}.auth-btn{width:100%;justify-content:center;margin-top:6px;padding:12px 24px;font-size:.9rem;font-weight:700;border-radius:13px;background:linear-gradient(135deg,#00e5ff,#8a2be2 60%,#ff007f)!important;background-size:200% 200%!important;border:none!important;color:#fff!important;box-shadow:0 6px 20px #00e5ff4d,0 2px 8px #8a2be233!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;display:inline-flex;align-items:center;animation:authBtnGradient 4s ease infinite}@keyframes authBtnGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:authBtnShimmer 3.5s ease-in-out infinite;z-index:1}@keyframes authBtnShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.auth-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .7s ease;z-index:1}.auth-btn:hover:after{transform:translate(100%)}.auth-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 30px #00e5ff66,0 4px 15px #8a2be240!important}.auth-btn:active{transform:scale(.97)!important}.auth-btn-loading{pointer-events:none;opacity:.85}.auth-btn-loading:before{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px;position:static;background:none;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.auth-link{text-align:center;margin-top:18px;font-size:.82rem;color:#ffffff59}.auth-link a{color:#00e5ffb3;font-weight:700;transition:color .2s}.auth-link a:hover{color:#84ffff}.auth-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:.6}.auth-shape-1{width:130px;height:130px;top:8%;right:4%;background:radial-gradient(circle,rgba(0,229,255,.08),transparent 70%);animation:authShapeDrift1 8s ease-in-out infinite}.auth-shape-2{width:90px;height:90px;bottom:12%;left:6%;background:radial-gradient(circle,rgba(138,43,226,.07),transparent 70%);animation:authShapeDrift2 10s ease-in-out infinite}.auth-shape-3{width:70px;height:70px;top:48%;right:10%;background:radial-gradient(circle,rgba(255,0,127,.06),transparent 70%);animation:authShapeDrift3 12s ease-in-out infinite}@keyframes authShapeDrift1{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-18px,22px) scale(1.15) rotate(45deg)}}@keyframes authShapeDrift2{0%,to{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(22px,-18px) scale(.85) rotate(-30deg)}}@keyframes authShapeDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-12px,12px) scale(1.25)}}.auth-line-accent{position:absolute;width:1px;height:70px;background:linear-gradient(180deg,transparent,rgba(0,229,255,.2),transparent);animation:authLineSlide 5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes authLineSlide{0%,to{opacity:0;transform:translateY(-24px)}50%{opacity:1;transform:translateY(24px)}}.password-wrapper{position:relative}.password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px;display:flex;transition:color .2s;z-index:2;border-radius:6px}.password-toggle:hover{color:#00e5ffb3;background:#00e5ff0f}.password-strength-track{height:3px;border-radius:2px;margin-top:7px;background:#ffffff0f;overflow:hidden}.password-strength{height:3px;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1)}.password-strength.weak{width:33%;background:linear-gradient(90deg,#ff1744,#f43f5e)}.password-strength.medium{width:66%;background:linear-gradient(90deg,#ffb300,#fbbf24)}.password-strength.strong{width:100%;background:linear-gradient(90deg,#00e676,#10b981);box-shadow:0 0 8px #00e67666}.password-strength-label{font-size:.68rem;margin-top:4px;font-weight:700;letter-spacing:.03em}.password-strength-label.weak{color:#f43f5e}.password-strength-label.medium{color:#fbbf24}.password-strength-label.strong{color:#00e676}@media (max-width: 899px){.auth-page{align-items:center;justify-content:center;background:linear-gradient(160deg,#040409,#0b0c18);padding:20px}.auth-right-panel{border-radius:24px;background:#0a0b18eb!important;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 80px #0009,0 0 40px #00e5ff0d;padding:36px 28px;min-height:unset;max-height:92vh;overflow-y:auto}}.lp-root{min-height:100vh;background:#05050a;color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.lp-canvas,.lp-noise{display:none}.lp-root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,229,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(138,43,226,.05) 0%,transparent 50%),radial-gradient(ellipse at 60% 10%,rgba(255,0,127,.03) 0%,transparent 40%);pointer-events:none;z-index:0}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#05050ad9;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);transition:all .3s ease}.lp-nav-inner{max-width:1200px;margin:0 auto;height:68px;display:flex;align-items:center;gap:32px}.lp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.lp-logo-img{width:34px;height:34px;border-radius:10px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,229,255,.4));transition:filter .3s ease,transform .3s ease}.lp-brand:hover .lp-logo-img{filter:drop-shadow(0 0 20px rgba(0,229,255,.7));transform:rotate(-5deg) scale(1.1)}.lp-brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:#fff;background:linear-gradient(135deg,#fff 40%,#00e5ffcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-nav-links{display:flex;gap:4px;flex:1;margin-left:8px}.lp-nav-link{color:#ffffff8c;font-size:.875rem;font-weight:500;padding:7px 16px;border-radius:9px;text-decoration:none;transition:all .2s;position:relative}.lp-nav-link:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#00e5ff,#8a2be2);border-radius:2px;transition:width .3s ease}.lp-nav-link:hover{color:#fff;background:#ffffff0d}.lp-nav-link:hover:after{width:60%}.lp-nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.lp-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 18px;border-radius:10px;cursor:pointer;transition:all .25s}.lp-btn-ghost:hover{color:#fff;background:#ffffff12;border-color:#fff3;box-shadow:0 4px 15px #0003}.lp-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:linear-gradient(135deg,#00e5ff,#8a2be2 60%,#ff007f);color:#fff;font-family:inherit;font-size:.875rem;font-weight:700;border:none;border-radius:11px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #00e5ff4d,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden;background-size:200% 200%;animation:ctaGradientSweep 4s ease infinite}@keyframes ctaGradientSweep{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.lp-btn-primary:before{display:none}.lp-btn-primary:after{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.lp-btn-primary:hover:after{transform:translate(100%)}.lp-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 35px #00e5ff73,0 0 60px #8a2be233}.lp-btn-primary:active{transform:scale(.97)}.lp-btn-lg{padding:15px 30px;font-size:1rem;border-radius:14px;letter-spacing:-.01em}.lp-btn-white{background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f8fafc;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 20px #0006;animation:none}.lp-btn-white:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.lp-btn-white:hover{box-shadow:0 10px 35px #00000080;background:#ffffff1a}.lp-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:15px 26px;background:transparent;color:#ffffffe6;font-family:inherit;font-size:1rem;font-weight:600;border:1px solid rgba(255,255,255,.15);border-radius:14px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-btn-outline:hover{background:#ffffff0f;border-color:#00e5ff66;color:#00e5ff;box-shadow:0 0 20px #00e5ff1a}.lp-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:150px 24px 120px;min-height:100vh;position:relative;z-index:1}.lp-hero:before{content:"";position:fixed;top:0;left:0;right:0;height:110vh;background:linear-gradient(160deg,#05050a,#0b0c15 40%,#05050a);z-index:-2}.lp-hero:after{content:"";position:fixed;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.12) 0%,rgba(138,43,226,.07) 40%,transparent 70%);top:5%;right:-15%;z-index:-1;animation:heroBlobFloat 18s ease-in-out infinite;filter:blur(50px)}@keyframes heroBlobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,60px) scale(1.15)}66%{transform:translate(30px,-30px) scale(.9)}}.lp-hero-content:before{content:"";position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,127,.06) 0%,transparent 70%);bottom:10%;left:-10%;z-index:-1;animation:heroBlobFloat2 22s ease-in-out infinite reverse;filter:blur(60px);pointer-events:none}@keyframes heroBlobFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-40px) scale(1.2)}}@media (max-width: 900px){.lp-hero{grid-template-columns:1fr;text-align:center;padding-top:120px;min-height:auto;gap:40px}.lp-hero-content{order:1;max-width:100vw;overflow:hidden;padding:0 12px}.lp-hero-visual{order:2;width:100%;max-width:100vw;overflow:hidden}.lp-hero-cta,.lp-trust{justify-content:center}.lp-hero-content:before{display:none}}.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#00e5ff14;border:1px solid rgba(0,229,255,.2);border-radius:9999px;font-size:.8rem;font-weight:600;color:#84ffff;margin-bottom:28px;animation:lp-fade-up .6s .1s cubic-bezier(.16,1,.3,1) both;max-width:100%}.lp-badge-dot{width:7px;height:7px;border-radius:50%;background:#00e676;box-shadow:0 0 10px #00e676cc,0 0 20px #00e67666;animation:dotPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.lp-hero-title{font-size:clamp(2.4rem,5.5vw,3.8rem);font-weight:900;letter-spacing:-.05em;line-height:1.05;color:#fff;margin-bottom:24px}.lp-gradient-text{background:linear-gradient(135deg,#00e5ff,#8a2be2 45%,#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 5s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.lp-grid-2{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){.lp-grid-2{grid-template-columns:1fr}}@media (max-width: 640px){.lp-hero-title{font-size:clamp(1.8rem,7vw,2.6rem);word-break:break-word;line-height:1.1}.lp-grid-2{grid-template-columns:1fr!important}.lp-badge{white-space:normal;height:auto;text-align:left}}.lp-hero-sub{font-size:1.1rem;color:#ffffff80;line-height:1.75;max-width:480px;margin-bottom:36px}.lp-hero-cta{display:flex;gap:14px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.lp-trust{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#fff6;flex-wrap:wrap}.lp-trust-icon{color:#00e676;font-size:1rem}.lp-trust-dot{color:#fff3}.lp-hero-stats{display:flex;gap:28px;margin-top:40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.lp-hero-stat-item{display:flex;flex-direction:column;gap:2px}.lp-hero-stat-value{font-size:1.6rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#fff,#00e5ffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.lp-hero-stat-label{font-size:.72rem;color:#fff6;font-weight:500;letter-spacing:.02em}.lp-hero-visual{perspective:1400px;position:relative}.lp-hero-visual:before{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;background:radial-gradient(circle,rgba(0,229,255,.12) 0%,rgba(138,43,226,.08) 50%,transparent 80%);border-radius:50%;filter:blur(40px);z-index:-1;animation:visualGlow 8s ease-in-out infinite}@keyframes visualGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.lp-preview-card{width:100%;background:linear-gradient(160deg,#12131ee6,#0c0d16f2);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #000000d9,0 0 0 1px #ffffff0a inset,0 0 60px #00e5ff14;animation:lp-float 7s ease-in-out infinite;transform:rotateY(-5deg) rotateX(3deg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:transform .4s ease}.lp-preview-card:hover{transform:rotateY(-2deg) rotateX(1deg) translateY(-8px)}@keyframes lp-float{0%,to{transform:rotateY(-5deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-12px)}}@media (max-width: 900px){.lp-preview-card{transform:none;animation:lp-float-mobile 7s ease-in-out infinite}@keyframes lp-float-mobile{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}.lp-preview-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(90deg,#6366f114,#00e5ff0a);border-bottom:1px solid rgba(255,255,255,.06)}.lp-preview-dots{display:flex;gap:6px}.lp-preview-dots span{width:10px;height:10px;border-radius:50%}.lp-preview-dots span:nth-child(1){background:#f43f5e;box-shadow:0 0 6px #f43f5e99}.lp-preview-dots span:nth-child(2){background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.lp-preview-dots span:nth-child(3){background:#10b981;box-shadow:0 0 6px #10b98199}.lp-preview-title{font-size:.78rem;font-weight:600;color:#ffffff73;flex:1}.lp-preview-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}@media (max-width: 640px){.lp-preview-stats{grid-template-columns:1fr}}.lp-preview-stat{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .2s}.lp-preview-stat:hover{background:#ffffff0d;border-color:#00e5ff1a}.lp-preview-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.lp-preview-stat-value{font-size:1rem;font-weight:800;color:#fff;line-height:1.2}.lp-preview-stat-label{font-size:.67rem;color:#fff6;font-weight:500}.lp-preview-chart{padding:0 14px 14px}.lp-chart-svg{width:100%;height:auto;display:block}.lp-section{padding:100px 24px;background:transparent;position:relative;z-index:2}.lp-section-alt{background:#ffffff04;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.lp-light-section{background:linear-gradient(180deg,#f0f4ff,#f8fafc);color:#0f172a}.lp-light-section .lp-section-title{color:#0f172a}.lp-light-section .lp-section-label{background:linear-gradient(135deg,#4f46e5,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-light-section .lp-section-alt{background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.lp-light-section .lp-feature-card,.lp-light-section .lp-step{background:#fff;border:1px solid #e8ecf4;box-shadow:0 4px 20px #0000000a,0 0 0 1px #fffc inset}.lp-light-section .lp-feature-card:hover,.lp-light-section .lp-step:hover{box-shadow:0 12px 40px #00000014,0 0 0 1px #6366f11a inset;border-color:#c7d2fe}.lp-light-section .lp-feature-title,.lp-light-section .lp-step-title{color:#0f172a}.lp-light-section .lp-feature-desc,.lp-light-section .lp-step-desc{color:#475569}.lp-light-section .lp-feature-icon-wrap{background:linear-gradient(135deg,#6366f11a,#a855f714);color:#6366f1;border-color:#6366f133}.lp-section-inner{max-width:1060px;margin:0 auto;text-align:center}.lp-section-label{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#00e5ff,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;display:inline-block}.lp-section-title{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900;letter-spacing:-.04em;color:#f8fafc;margin-bottom:52px;line-height:1.15}.lp-reveal{opacity:0;transform:translateY(35px);transition:all .8s cubic-bezier(.16,1,.3,1)}.lp-reveal.visible{opacity:1;transform:translateY(0)}.wave-separator{position:relative;width:100%;overflow:hidden;line-height:0;z-index:2}.wave-separator svg{display:block;width:100%;height:60px}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 900px){.lp-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.lp-features{grid-template-columns:1fr}}.lp-feature-card{padding:30px 26px;background:linear-gradient(135deg,#12131ecc,#0c0d16e6);border:1px solid rgba(255,255,255,.07);border-radius:18px;text-align:left;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.lp-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00e5ff,#8a2be2,#ff007f);opacity:0;transition:opacity .3s}.lp-feature-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,rgba(0,229,255,.04),transparent);opacity:0;transition:opacity .3s}.lp-feature-card:hover{border-color:#00e5ff2e;box-shadow:0 16px 40px #00e5ff0f,0 0 80px #8a2be20d;transform:translateY(-6px)}.lp-feature-card:hover:before{opacity:1}.lp-feature-card:hover:after{opacity:1}.lp-feature-card:nth-child(1){transition-delay:0s}.lp-feature-card:nth-child(2){transition-delay:.06s}.lp-feature-card:nth-child(3){transition-delay:.12s}.lp-feature-card:nth-child(4){transition-delay:.18s}.lp-feature-card:nth-child(5){transition-delay:.24s}.lp-feature-card:nth-child(6){transition-delay:.3s}.lp-feature-icon-wrap{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#00e5ff1f,#8a2be214);color:#00e5ff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px;border:1px solid rgba(0,229,255,.2);transition:all .3s ease}.lp-feature-card:hover .lp-feature-icon-wrap{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 20px #00e5ff40}.lp-feature-title{font-size:1rem;font-weight:700;color:#f8fafc;margin-bottom:8px}.lp-feature-desc{font-size:.875rem;color:#a0aabf;line-height:1.65}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 768px){.lp-steps{grid-template-columns:1fr;gap:16px}}.lp-step{padding:34px 26px;background:linear-gradient(135deg,#12131ecc,#0c0d16e6);border:1px solid rgba(255,255,255,.07);border-radius:18px;text-align:left;transition:all .35s;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);position:relative;overflow:hidden}.lp-step:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:radial-gradient(circle at top right,rgba(0,229,255,.06),transparent 70%);border-radius:0 18px 0 0}.lp-step:hover{box-shadow:0 12px 35px #0006,0 0 30px #00e5ff0d;transform:translateY(-5px);border-color:#00e5ff26}.lp-step-num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#00e5ff,#8a2be2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;margin-bottom:18px;box-shadow:0 6px 20px #00e5ff4d;transition:transform .3s ease}.lp-step:hover .lp-step-num{transform:scale(1.1) rotate(-5deg)}.lp-step-title{font-size:1.05rem;font-weight:700;color:#f8fafc;margin-bottom:10px}.lp-step-desc{font-size:.875rem;color:#a0aabf;line-height:1.65}.lp-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:0}@media (max-width: 900px){.lp-testimonials{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.lp-testimonials{grid-template-columns:1fr}}.lp-testimonial-card{padding:28px 24px;background:linear-gradient(135deg,#12131ed9,#0c0d16f2);border:1px solid rgba(255,255,255,.07);border-radius:18px;transition:all .35s;position:relative;overflow:hidden}.lp-testimonial-card:before{content:'"';position:absolute;top:16px;right:20px;font-size:4rem;font-weight:900;color:#00e5ff14;line-height:1;font-family:Georgia,serif}.lp-testimonial-card:hover{border-color:#00e5ff26;box-shadow:0 12px 35px #00e5ff0d;transform:translateY(-4px)}.lp-testimonial-stars{display:flex;gap:3px;margin-bottom:14px}.lp-testimonial-star{color:#ffb300;font-size:.85rem}.lp-testimonial-text{font-size:.9rem;color:#ffffffb3;line-height:1.7;margin-bottom:20px;font-style:italic}.lp-testimonial-author{display:flex;align-items:center;gap:12px}.lp-testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#8a2be2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.lp-testimonial-name{font-size:.875rem;font-weight:700;color:#f8fafc}.lp-testimonial-role{font-size:.75rem;color:#fff6}.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width: 900px){.lp-pricing{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.lp-pricing-card{padding:32px 28px;background:linear-gradient(135deg,#12131ed9,#0c0d16f2);border:1px solid rgba(255,255,255,.07);border-radius:20px;position:relative;transition:all .35s;overflow:hidden}.lp-pricing-card.featured{border-color:#00e5ff40;background:linear-gradient(135deg,#00e5ff0d,#8a2be20d,#12131ee6);box-shadow:0 20px 60px #00e5ff1a,0 0 0 1px #00e5ff1a inset}.lp-pricing-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px #0006}.lp-pricing-card.featured:hover{box-shadow:0 20px 70px #00e5ff26,0 0 0 1px #00e5ff33 inset}.lp-pricing-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#00e5ff,#8a2be2);color:#fff;font-size:.7rem;font-weight:700;padding:4px 16px;border-radius:0 0 12px 12px;letter-spacing:.05em;text-transform:uppercase}.lp-pricing-tier{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:8px}.lp-pricing-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.lp-pricing-currency{font-size:1.2rem;font-weight:700;color:#ffffffb3}.lp-pricing-amount{font-size:2.8rem;font-weight:900;letter-spacing:-.04em;color:#fff;line-height:1}.lp-pricing-period{font-size:.85rem;color:#fff6}.lp-pricing-desc{font-size:.85rem;color:#ffffff80;margin-bottom:24px;margin-top:8px}.lp-pricing-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.lp-pricing-feature{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#ffffffb3}.lp-pricing-check{width:18px;height:18px;border-radius:50%;background:#00e67626;color:#00e676;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0}.lp-pricing-btn{width:100%;padding:12px;border-radius:12px;border:none;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;background:#ffffff0f;color:#fffc;border:1px solid rgba(255,255,255,.1)}.lp-pricing-card.featured .lp-pricing-btn{background:linear-gradient(135deg,#00e5ff,#8a2be2);color:#fff;box-shadow:0 6px 20px #00e5ff59}.lp-pricing-btn:hover{transform:translateY(-2px)}.lp-pricing-card.featured .lp-pricing-btn:hover{box-shadow:0 10px 30px #00e5ff73}.lp-cta-section{padding:120px 24px;text-align:center;background:linear-gradient(160deg,#05050a,#0b0c15);position:relative;overflow:hidden;z-index:2}.lp-cta-section:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.12),transparent 70%);top:-150px;right:-120px;filter:blur(70px)}.lp-cta-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(138,43,226,.1),transparent 70%);bottom:-80px;left:-60px;filter:blur(60px)}.lp-cta-glow{display:none}.lp-cta-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}.lp-cta-title{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:14px;line-height:1.1}.lp-cta-sub{font-size:1.05rem;color:#ffffff80;margin-bottom:36px}.lp-footer{border-top:1px solid rgba(255,255,255,.06);padding:48px 24px;background:linear-gradient(180deg,#05050a,#0a0b16);position:relative;z-index:2}.lp-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),rgba(138,43,226,.4),transparent)}.lp-footer-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:8px 0}.lp-footer-copy{font-size:.8rem;color:#ffffff4d;flex:1;text-align:center}.lp-footer-links{display:flex;gap:6px}.lp-footer-link{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff6;font-family:inherit;font-size:.8rem;cursor:pointer;padding:7px 15px;border-radius:9px;transition:all .3s}.lp-footer-link:hover{color:#00e5ff;background:#00e5ff0f;border-color:#00e5ff33}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.lp-hero-title{animation:lp-fade-up .7s .15s cubic-bezier(.16,1,.3,1) both}.lp-hero-sub{animation:lp-fade-up .7s .28s cubic-bezier(.16,1,.3,1) both}.lp-hero-cta{animation:lp-fade-up .7s .38s cubic-bezier(.16,1,.3,1) both}.lp-trust{animation:lp-fade-up .7s .48s cubic-bezier(.16,1,.3,1) both}.lp-hero-stats{animation:lp-fade-up .7s .55s cubic-bezier(.16,1,.3,1) both}.lp-hero-visual{animation:lp-fade-up .9s .4s cubic-bezier(.16,1,.3,1) both}@media (max-width: 640px){.lp-nav-links,.lp-nav-actions .lp-btn-ghost{display:none}.lp-hero-stat-value{font-size:1.3rem}}.auth-back-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:#ffffff80;text-decoration:none;transition:all .2s;margin-bottom:20px}.auth-back-link:hover{color:#a5b4fc}.apply-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:var(--bg-primary)}.apply-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.apply-card{width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-xl);position:relative;z-index:1;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.apply-header{text-align:center;margin-bottom:28px}.apply-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.apply-logo .logo-icon{width:44px;height:44px;background:var(--primary-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-sm)}.apply-logo .logo-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.apply-logo .logo-tag{font-size:.65rem;font-weight:700;color:var(--primary-600);background:var(--primary-50);padding:2px 6px;border-radius:var(--radius-sm);vertical-align:super}.apply-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.apply-header p{color:var(--text-secondary);font-size:.875rem}.success-card{text-align:center;padding:60px 40px}.success-icon{font-size:4rem;margin-bottom:20px;color:var(--success)}.success-card h1{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.success-card p{color:var(--text-secondary);line-height:1.6}@media (max-width: 480px){.apply-page{padding:12px}.apply-card{padding:24px 20px;border-radius:var(--radius-lg)}.apply-header h1{font-size:1.25rem}.success-card{padding:40px 20px}}.status-details-container{display:grid;gap:12px}.status-details-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-details-label{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.status-details-value{font-weight:500;text-align:right;word-break:break-all}.setup-account-card{margin-top:16px;padding:20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--info-bg),rgba(212,175,55,.05));border:1px solid var(--border-color);width:100%;box-sizing:border-box}@media (max-width: 480px){.status-details-row{flex-direction:column;align-items:flex-start;gap:4px}.status-details-value{text-align:left;font-size:1rem;width:100%}.setup-account-card{padding:16px;margin:12px -4px 0;width:calc(100% + 8px);border-radius:var(--radius-md)}}.wardens-page{position:relative;z-index:2;padding-bottom:24px}.wardens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.warden-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.warden-card:hover{transform:translateY(-3px);box-shadow:0 0 30px #00e5ff1f,0 12px 40px #0006;border-color:#00e5ff40}.warden-card-accent{height:2px;width:100%;background:linear-gradient(90deg,#00E5FF,#8A2BE2,transparent)}.warden-card-body{display:flex;align-items:flex-start;gap:16px;padding:20px;flex-wrap:wrap}.warden-avatar{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#00e5ff22,#8a2be222);border:1.5px solid rgba(0,229,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#00e5ff;flex-shrink:0;box-shadow:0 0 20px #00e5ff1a}.warden-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.warden-name{font-weight:700;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.warden-detail{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warden-role{color:#00e5ff;font-weight:600;font-size:.75rem}.wardens-modal{max-width:560px;background:var(--modal-bg);border:1px solid rgba(0,229,255,.1)}.wardens-modal-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.wardens-modal-header h2{margin-bottom:4px}.wardens-modal-header p{font-size:.82rem;color:var(--text-secondary)}.wardens-modal-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#00e5ff26,#8a2be21a);border:1px solid rgba(0,229,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#00e5ff;flex-shrink:0}.paywall-container{position:relative;overflow:hidden;padding-bottom:40px}.paywall-orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:paywall-drift 15s ease-in-out infinite alternate}.paywall-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(0,229,255,.08) 0%,transparent 70%);top:-100px;right:-100px;animation-duration:18s}.paywall-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(138,43,226,.07) 0%,transparent 70%);bottom:100px;left:-80px;animation-duration:22s;animation-direction:alternate-reverse}.paywall-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(255,0,127,.06) 0%,transparent 70%);top:60%;right:20%;animation-duration:25s}@keyframes paywall-drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.paywall-lock-banner{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#00e5ff0f,#8a2be20a);border:1px solid rgba(0,229,255,.12);border-radius:20px;padding:24px 28px;margin-bottom:32px;position:relative;z-index:1}.paywall-lock-icon{font-size:2.5rem;flex-shrink:0}.paywall-title{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:6px}.paywall-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.paywall-highlights{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:40px;position:relative;z-index:1}.paywall-feature-card{display:flex;align-items:flex-start;gap:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:14px 16px;transition:all .25s ease}.paywall-feature-card:hover{border-color:#00e5ff33;background:#00e5ff08}.paywall-feature-icon{font-size:1.4rem;flex-shrink:0}.paywall-feature-title{font-weight:700;font-size:.85rem;color:var(--text-primary);margin-bottom:3px}.paywall-feature-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.paywall-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px;position:relative;z-index:1}.paywall-plan-card{border:1.5px solid;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:0;position:relative;transition:all .3s ease}.paywall-plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.paywall-plan-recommended{box-shadow:0 0 40px #00e5ff1f}.paywall-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);color:#000;font-size:.7rem;font-weight:800;padding:4px 14px;border-radius:99px;display:flex;align-items:center;gap:4px;white-space:nowrap}.paywall-plan-header{display:flex;align-items:center;gap:14px;margin-bottom:10px}.paywall-plan-icon{font-size:2rem}.paywall-plan-name{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.paywall-plan-price{font-size:1.5rem;font-weight:900;color:var(--text-primary)}.paywall-plan-period{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-left:3px}.paywall-plan-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.paywall-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;flex:1}.paywall-plan-features li{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary)}.paywall-feature-locked{opacity:.4}.paywall-demo-note{display:flex;align-items:center;gap:12px;background:#ffb3000f;border:1px solid rgba(255,179,0,.15);border-radius:14px;padding:16px 20px;font-size:.85rem;color:var(--text-secondary);position:relative;z-index:1}@media (max-width: 768px){.paywall-lock-banner{flex-direction:column;align-items:flex-start;gap:12px}.paywall-title{font-size:1.25rem}.paywall-plans{grid-template-columns:1fr}.paywall-highlights{grid-template-columns:1fr 1fr}.wardens-grid{grid-template-columns:1fr}.warden-card-body{flex-direction:column}}@media (max-width: 480px){.paywall-highlights{grid-template-columns:1fr}.paywall-plan-card{padding:20px 16px}}