@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #000000;--bg-2: #050810;--surface: #0a0f1e;--surface-2: #111827;--surface-3: #1A2235;--glass: rgba(5, 8, 16, .82);--glass-2: rgba(10, 15, 30, .75);--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .11);--border-3: rgba(255, 255, 255, .18);--ink: rgba(255,255,255,.07);--accent: #6366f1;--accent-2: #818cf8;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .11);--accent-text: #a5b4fc;--accent-glow: rgba(99, 102, 241, .28);--accent-glow-2: rgba(99, 102, 241, .13);--cyan: #06b6d4;--cyan-hover: #0891b2;--cyan-glow: rgba(6, 182, 212, .22);--cyan-light: rgba(6, 182, 212, .1);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--gradient-card: linear-gradient(135deg, rgba(99,102,241,.06) 0%, rgba(139,92,246,.03) 100%);--gradient-hero: radial-gradient(ellipse 80% 55% at 50% -5%, rgba(99,102,241,.2) 0%, transparent 70%);--gradient-accent: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-shine: linear-gradient(135deg, rgba(255,255,255,.07) 0%, transparent 50%, rgba(255,255,255,.03) 100%);--text-primary: #E8EEFF;--text-secondary: #8FA3CC;--text-muted: #4E6080;--text-accent: #818cf8;--text-on-accent: #FFFFFF;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--success-light: rgba(16, 185, 129, .12);--danger-light: rgba(239, 68, 68, .12);--warning-light: rgba(245, 158, 11, .12);--shadow-sm: 0 1px 4px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 40px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.35);--shadow-xl: 0 20px 60px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 24px var(--accent-glow), 0 0 48px rgba(99,102,241,.08);--shadow-glow-sm: 0 0 12px var(--accent-glow-2);--shadow-cyan-glow: 0 0 20px var(--cyan-glow);--shadow-brutal: var(--shadow-md);--shadow-brutal-sm: var(--shadow-sm);--shadow-brutal-lg: var(--shadow-lg);--shadow-brutal-xl: var(--shadow-xl);--neu-bg: var(--bg);--neu-surface: var(--surface);--shadow-raised: var(--shadow-md);--shadow-raised-lg: var(--shadow-lg);--shadow-raised-sm: var(--shadow-sm);--shadow-inset: inset 0 1px 3px rgba(0,0,0,.35);--shadow-inset-sm: inset 0 1px 2px rgba(0,0,0,.25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--transition: all .2s var(--ease-out);--transition-fast: all .12s var(--ease-out);--transition-slow: all .35s var(--ease-out)}body.is-public-page{--bg: #111111;--bg-2: #161616;--surface: #1a1a1a;--surface-2: #222222;--surface-3: #2a2a2a;--glass: rgba(26, 26, 26, .95);--glass-2: rgba(26, 26, 26, .9);--border: #2a2a2a;--border-2: #333333;--border-3: #444444;--ink: rgba(255,255,255,.05);--accent: #f0f0f0;--accent-2: #f0f0f0;--accent-hover: #ffffff;--accent-light: rgba(255,255,255,.05);--accent-text: #f0f0f0;--accent-glow: transparent;--accent-glow-2: transparent;--cyan: #22c55e;--cyan-hover: #16a34a;--cyan-glow: transparent;--cyan-light: rgba(34,197,94,.1);--gradient-primary: none;--gradient-card: none;--gradient-hero: none;--gradient-accent: linear-gradient(135deg, #f0f0f0, #aaaaaa);--gradient-shine: none;--text-primary: #f0f0f0;--text-secondary: #888888;--text-muted: #555555;--text-accent: #f0f0f0;--text-on-accent: #111111;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 4px 16px rgba(0,0,0,.5);--shadow-xl: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: none;--shadow-glow-sm: none;background-color:#111}body.is-admin-page{--bg: #111111;--bg-2: #141414;--surface: #1a1a1a;--surface-2: #1e1e1e;--surface-3: #222222;--glass: rgba(22, 22, 22, .95);--glass-2: rgba(26, 26, 26, .9);--border: #1e1e1e;--border-2: #2a2a2a;--border-3: #333333;--ink: rgba(255,255,255,.04);--accent: #f0f0f0;--accent-2: #cccccc;--accent-hover: #ffffff;--accent-light: rgba(255,255,255,.05);--accent-text: #f0f0f0;--accent-glow: transparent;--accent-glow-2: transparent;--cyan: #22c55e;--cyan-hover: #16a34a;--cyan-glow: transparent;--cyan-light: rgba(34,197,94,.08);--gradient-primary: none;--gradient-card: none;--gradient-hero: none;--gradient-accent: linear-gradient(135deg, #f0f0f0, #aaaaaa);--gradient-shine: none;--text-primary: #f0f0f0;--text-secondary: #888888;--text-muted: #555555;--text-accent: #f0f0f0;--text-on-accent: #111111;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 2px 8px rgba(0,0,0,.5);--shadow-lg: 0 4px 16px rgba(0,0,0,.5);--shadow-xl: 0 8px 32px rgba(0,0,0,.5);--shadow-glow: none;--shadow-glow-sm: none;background-color:#111}[data-theme=light]{--bg: #F4F6FF;--bg-2: #ECEFFE;--surface: #FFFFFF;--surface-2: #F0F2FF;--surface-3: #E6EAFF;--glass: rgba(255, 255, 255, .88);--glass-2: rgba(240, 242, 255, .82);--border: rgba(99, 102, 241, .09);--border-2: rgba(99, 102, 241, .14);--border-3: rgba(99, 102, 241, .22);--ink: rgba(0,0,0,.07);--accent-light: rgba(99, 102, 241, .08);--accent-glow: rgba(99, 102, 241, .18);--accent-glow-2: rgba(99, 102, 241, .09);--gradient-hero: radial-gradient(ellipse 80% 55% at 50% -5%, rgba(99,102,241,.09) 0%, transparent 70%);--gradient-card: linear-gradient(135deg, rgba(99,102,241,.04) 0%, rgba(139,92,246,.02) 100%);--gradient-shine: linear-gradient(135deg, rgba(255,255,255,.7) 0%, transparent 50%, rgba(255,255,255,.35) 100%);--cyan-glow: rgba(6, 182, 212, .14);--text-primary: #0F1629;--text-secondary: #455278;--text-muted: #8894B8;--text-accent: #6366f1;--shadow-sm: 0 1px 4px rgba(99,102,241,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(99,102,241,.09), 0 2px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 40px rgba(99,102,241,.11), 0 4px 12px rgba(0,0,0,.06);--shadow-xl: 0 20px 60px rgba(99,102,241,.14), 0 8px 24px rgba(0,0,0,.08);--shadow-glow: 0 0 24px var(--accent-glow), 0 0 48px rgba(99,102,241,.05);--shadow-glow-sm: 0 0 10px var(--accent-glow-2);--shadow-brutal: var(--shadow-md);--shadow-brutal-sm: var(--shadow-sm);--shadow-brutal-lg: var(--shadow-lg);--shadow-brutal-xl: var(--shadow-xl);--shadow-raised: var(--shadow-md);--shadow-raised-lg: var(--shadow-lg);--shadow-raised-sm: var(--shadow-sm);--shadow-inset: inset 0 1px 3px rgba(99,102,241,.07);--shadow-inset-sm: inset 0 1px 2px rgba(99,102,241,.04);--neu-bg: var(--bg);--neu-surface: var(--surface)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 20px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid var(--border-2);outline:none;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-primary);text-decoration:none;box-shadow:var(--shadow-sm);letter-spacing:.01em;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:var(--transition)}.btn:hover{background:var(--surface-3);border-color:var(--border-3);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-accent{background:var(--gradient-accent);color:#fff;border:none;box-shadow:var(--shadow-md),var(--shadow-glow);font-weight:600}.btn-accent:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-accent:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:var(--radius-md)}.btn-lg{padding:13px 28px;font-size:1rem;border-radius:var(--radius-xl)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-lg)}.btn-icon-sm{width:32px;height:32px;padding:0;border-radius:var(--radius-md)}.neu-input{background:var(--surface);border:1px solid var(--border-2);outline:none;border-radius:var(--radius-lg);padding:11px 16px;font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);width:100%;transition:var(--transition);box-shadow:var(--shadow-sm)}.neu-input:focus{border-color:var(--accent);box-shadow:var(--shadow-sm),0 0 0 3px var(--accent-glow-2)}.neu-input::placeholder{color:var(--text-muted);font-weight:400}.neu-input-mono{font-family:var(--font-mono)}.neu-select{background:var(--surface);border:1px solid var(--border-2);outline:none;border-radius:var(--radius-lg);padding:11px 40px 11px 16px;font-family:var(--font-sans);font-size:.9rem;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:var(--transition);width:100%;box-shadow:var(--shadow-sm)}.neu-select:focus{border-color:var(--accent);box-shadow:var(--shadow-sm),0 0 0 3px var(--accent-glow-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.badge-success{background:var(--success-light);color:var(--success);border-color:#10b98133}.badge-warning{background:var(--warning-light);color:var(--warning);border-color:#f59e0b33}.badge-danger{background:var(--danger-light);color:var(--danger);border-color:#ef444433}.badge-accent{background:var(--accent-light);color:var(--accent-2);border-color:#6366f133}.card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-2);border-radius:var(--radius-2xl);padding:28px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-shine);pointer-events:none;border-radius:inherit}.card-sm{background:var(--glass-2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:18px;box-shadow:var(--shadow-md)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--surface-3);border:1px solid var(--border-2);transition:var(--transition)}.toggle-thumb{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:var(--transition)}.toggle-switch input:checked~.toggle-track{background:var(--gradient-accent);border-color:var(--accent);box-shadow:var(--shadow-glow-sm)}.toggle-switch input:checked~.toggle-thumb{left:calc(100% - 19px);background:#fff}.progress-track{width:100%;height:6px;border-radius:var(--radius-full);background:var(--surface-3);border:none;overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-accent);transition:width .5s ease;box-shadow:var(--shadow-glow-sm)}.toast-container{position:fixed;top:78px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-2);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:var(--text-primary);animation:toastIn .25s var(--ease-out) forwards;max-width:340px;pointer-events:auto}.toast.toast-out{animation:toastOut .2s var(--ease-in) forwards}.toast-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.modal-box{background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-xl),var(--shadow-glow);border-radius:var(--radius-2xl);padding:32px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:modalIn .25s var(--ease-out);position:relative}.modal-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.4}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-md)}.navbar{background:#050810bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 32px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;transition:background-color .2s;box-shadow:0 4px 24px #0000004d}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-logo{width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent);border:2px solid var(--ink);box-shadow:var(--shadow-brutal-sm);display:flex;align-items:center;justify-content:center;color:#1a1a1a;font-size:16px}.navbar-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em}.navbar-title span{color:var(--accent)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);position:relative;flex-shrink:0;border:1.5px solid var(--ink)}.pulse-dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:#22c55e40;animation:pulse 1.5s ease-in-out infinite}.email-card{background:#ffffff06;padding:16px 20px;cursor:pointer;transition:background .15s,border-left-color .15s;border-left:3px solid transparent;animation:fadeInUp .2s var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.email-card:hover{background:#6366f10f;border-left-color:var(--accent)}.email-card.email-new{border-left-color:var(--accent);background:#6366f10d}.stat-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:22px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0006,inset 0 1px #ffffff14;border-color:#6366f133}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.sidebar{width:220px;min-height:100vh;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:24px 12px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition);cursor:pointer;border:1px solid transparent;background:transparent;width:100%;text-align:left}.sidebar-item:hover{background:#ffffff0a;border-color:#ffffff14;color:#f0f0f0}.sidebar-item.active{background:#ffffff12;border-color:#ffffff1f;color:#f0f0f0;font-weight:600}.sidebar-item.active .sidebar-icon{color:#f0f0f0}.neu-table{width:100%;border-collapse:collapse;border:1px solid var(--border-2);border-radius:var(--radius-xl);overflow:hidden}.neu-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-2);background:var(--surface-2)}.neu-table td{padding:13px 16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border);transition:background .12s}.neu-table tbody tr:last-child td{border-bottom:none}.neu-table tbody tr:hover td{background:var(--accent-light);cursor:pointer}.select-wrapper{position:relative;flex:1}.select-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);pointer-events:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.divider{height:1px;background:var(--border);margin:12px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes newEmailPop{0%{transform:scale(.97);opacity:0}60%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkleSlow{0%,to{opacity:.1}30%{opacity:.8}60%{opacity:.3}80%{opacity:.9}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-.5deg)}}@keyframes gridPulse{0%,to{opacity:.5}50%{opacity:.2}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f126,0 0 40px #6366f10d}50%{box-shadow:0 0 32px #6366f147,0 0 64px #6366f11a}}@keyframes borderGlow{0%,to{border-color:#6366f133}50%{border-color:#6366f173}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-mono{font-family:var(--font-mono)}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.navbar,.container{padding:0 16px}.admin-desktop-sidebar{display:none!important}.admin-bottom-tab{display:flex!important}.admin-main{padding-bottom:90px!important}.admin-wrapper{padding-left:0!important;position:relative;z-index:auto!important}.admin-wrapper~.site-footer{display:none!important}.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}.modal-box{padding:24px 18px;border-radius:var(--radius-xl)}.toast-container{bottom:80px;right:12px}}@media (max-width: 768px){body.is-admin-page .site-footer{display:none!important}}.overview-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.overview-bottom-grid{grid-template-columns:1fr!important}}.admin-bottom-tab{display:none;position:fixed;bottom:0;left:0;right:0;height:62px;background:#111111f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid #1e1e1e;z-index:9999;align-items:stretch;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.admin-bottom-tab::-webkit-scrollbar{display:none}.admin-bottom-tab:after{content:"";position:sticky;right:0;min-width:32px;background:linear-gradient(to right,transparent,rgba(17,17,17,.9));pointer-events:none;flex-shrink:0}.admin-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;flex-shrink:0;text-decoration:none;color:var(--text-muted);transition:color .15s,background .15s;border-radius:var(--radius-md);padding:6px 4px;position:relative;white-space:nowrap}.admin-tab-item:hover{color:var(--text-secondary);background:#ffffff0a}.admin-tab-item.active{color:#f0f0f0}.admin-tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2px;background:#f0f0f0;border-radius:0 0 4px 4px}.admin-tab-icon{font-size:19px;line-height:1;transition:transform .15s;display:flex;align-items:center;justify-content:center}.admin-tab-item.active .admin-tab-icon{transform:translateY(-1px)}.admin-tab-label{font-size:.58rem;font-weight:700;letter-spacing:.02em;line-height:1;white-space:nowrap}.theme-toggle{width:34px;height:34px;border-radius:var(--radius-md);border:2px solid var(--ink);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:var(--shadow-brutal-sm);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out);color:var(--text-secondary)}.theme-toggle:hover{transform:scale(.97)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:none}.section-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(99,102,241,.18) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,.4) 50%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#0009,#0006,#0000);pointer-events:none;z-index:0;animation:gridPulse 8s ease-in-out infinite}[data-theme=light] .hero-grid{background-image:radial-gradient(circle,rgba(99,102,241,.12) 1px,transparent 1px)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-mobile-only{display:none}@media (max-width: 640px){.site-nav{height:54px!important;padding:0 14px!important}.site-ticker{top:54px!important;height:24px!important}.site-footer{position:sticky!important;bottom:0!important;padding:8px 16px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:nowrap!important}.site-footer .footer-left-text{display:none!important}.footer-mobile-only{display:inline!important;font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.site-footer a[style*="width: 32px"]{width:28px!important;height:28px!important}.navbar-apidoc-btn{display:none!important}.navbar-apidoc-text{display:none}.site-nav>div>div:last-child{gap:6px!important}#hero-section{padding-top:28px!important}#hero-section h1{font-size:2rem!important;margin-bottom:20px!important}#email-gen-card{padding:18px 14px 16px!important;border-radius:14px!important}#username-input{font-size:.8rem!important;padding:10px 3px 10px 10px!important}#btn-copy-email{width:42px!important;flex-shrink:0!important}#btn-generate-new{font-size:.85rem!important;padding:12px!important}#stats-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}#inbox-section{padding:24px 0 16px!important}.refresh-text{display:none}#btn-refresh-inbox{padding:6px 10px!important;min-width:0!important}.email-card{padding:12px 14px!important}#cara-pakai-section{padding:24px 0!important}.cara-pakai-wrapper{padding:20px 14px!important;border-radius:12px!important;overflow:hidden!important;transform:translateZ(0)!important}#cara-pakai-grid{grid-template-columns:1fr!important;gap:10px!important}.modal-box{width:calc(100vw - 24px)!important;max-height:88vh!important;overflow-y:auto}.admin-main{padding:16px 12px 96px!important}.admin-page-title{font-size:1.1rem!important}.admin-bottom-tab{bottom:0!important;z-index:9999!important}.stat-card-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.toast-container{bottom:72px!important;right:12px!important}#admin-login-card{padding:24px 18px!important;margin:0 12px!important}#api-doc-infobar{grid-template-columns:1fr!important}body:has(.admin-bottom-tab) .site-footer{display:none!important}}@media (min-width: 481px) and (max-width: 768px){.site-nav{height:62px}.site-ticker{top:62px}.site-footer{position:sticky!important;bottom:0!important}#stats-cards-grid{grid-template-columns:repeat(3,1fr)!important}.cara-pakai-wrapper{padding:28px 20px!important;overflow:hidden!important;transform:translateZ(0)!important}#cara-pakai-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}#email-gen-card{padding:24px 20px 20px!important}.admin-main{padding:20px 18px 90px!important}}[data-theme=light]{--text-primary: #1a1d3a;--text-secondary: #3a3d6b;--text-muted: #6e74a8}[data-theme=light] body{background:linear-gradient(145deg,#cdd0f5,#dfe1ff 35%,#e8e9ff 65%,#d6d9ff)!important;min-height:100vh}[data-theme=light] .site-nav{background:#ffffffdb!important;border-bottom:1px solid rgba(99,102,241,.2)!important;box-shadow:0 4px 32px #6366f11f,0 1px #fffc!important}[data-theme=light] .site-ticker{background:#ffffffad!important;border-bottom:1px solid rgba(99,102,241,.14)!important}[data-theme=light] .site-ticker span{color:#5b60d6cc!important}[data-theme=light] #email-gen-card{background:#ffffffeb!important;border:1px solid rgba(99,102,241,.25)!important;box-shadow:0 20px 60px #6366f129,0 4px 16px #6366f114!important}[data-theme=light] #stats-cards-grid>div{background:#ffffffe0!important;border:1px solid rgba(99,102,241,.2)!important;box-shadow:0 10px 36px #6366f11f,0 2px 8px #6366f10f!important}[data-theme=light] #stats-cards-grid>div:hover{border-color:#6366f159!important;box-shadow:0 18px 52px #6366f12e,0 4px 12px #6366f114!important;transform:translateY(-3px)!important}[data-theme=light] #stats-cards-grid>div>div:nth-child(2)>div:first-child{background:#6366f11a!important;border-color:#6366f138!important;color:#6366f1!important}[data-theme=light] #stats-cards-grid>div>div:nth-child(2)>span{color:#6366f173!important}[data-theme=light] #stats-cards-grid>div>div:first-child{background:linear-gradient(90deg,transparent,rgba(99,102,241,.35),transparent)!important}[data-theme=light] #inbox-section>div>div>div:nth-child(3){background:#ffffffd1!important;border:1px solid rgba(99,102,241,.16)!important;box-shadow:0 8px 32px #6366f114!important}[data-theme=light] .email-card{background:#ffffffb8!important}[data-theme=light] .email-card:hover{background:#6366f112!important;border-left-color:#6366f1!important}[data-theme=light] .cara-pakai-wrapper{background:#ffffffc2!important;border:1px solid rgba(99,102,241,.18)!important;box-shadow:0 12px 48px #6366f11a,inset 0 1px #ffffffe6!important}[data-theme=light] #cara-pakai-grid>div{background:#ffffffe0!important;border:1px solid rgba(99,102,241,.16)!important;box-shadow:0 8px 28px #6366f117!important}[data-theme=light] #cara-pakai-grid>div:hover{border-color:#6366f14d!important;box-shadow:0 14px 40px #6366f124!important}[data-theme=light] #cara-pakai-grid>div>div:first-child{background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)!important}[data-theme=light] #cara-pakai-grid>div>div:nth-child(2){color:#6366f166!important}[data-theme=light] .hero-grid{opacity:.1!important}[data-theme=light] section>div>div>div[style*="rgba(255,255,255,0.04)"]{background:#ffffffc7!important;border-color:#6366f126!important}[data-theme=light] section>div>div>div>div[style*="rgba(17,24,39"]{background:#ffffffa6!important}[data-theme=light] section>div>div>div>div[style*="rgba(99,102,241,0.06)"]{background:#6366f114!important}[data-theme=light] section>div>div>div>div>button>span{color:var(--text-primary)!important}[data-theme=light] section>div>div>div>div>button>svg{stroke:#6366f180!important}[data-theme=light] section>div>div>div[style*="flex-direction: column"]>div,[data-theme=light] section>div>div>div>div[style*="gap: '16px'"]{background:#ffffffbf!important;border-color:#6366f11f!important}[data-theme=light] section>div>div[style*="rgba(99,102,241,0.07)"]{background:#ffffffb8!important;border-color:#6366f133!important}[data-theme=light] #api-doc-page{color:var(--text-primary)!important}[data-theme=light] #api-doc-page>div>div:first-child{background:#ffffffd9!important;border-color:#6366f133!important;box-shadow:0 12px 48px #6366f11a!important}[data-theme=light] #api-doc-page span,[data-theme=light] #api-doc-page p,[data-theme=light] #api-doc-page a,[data-theme=light] #api-doc-page h1,[data-theme=light] #api-doc-page h2,[data-theme=light] #api-doc-page h3,[data-theme=light] #api-doc-page label,[data-theme=light] #api-doc-page div>p,[data-theme=light] #api-doc-page button:not(.copy-btn){color:var(--text-primary)!important}[data-theme=light] #api-doc-page>div>div{background:#fffc!important;border-color:#6366f126!important}[data-theme=light] #api-doc-page input{background:#ffffffe6!important;border-color:#6366f133!important;color:#1a1d3a!important}[data-theme=light] #api-doc-page button{background:#ffffffb3!important;border-color:#6366f12e!important;color:var(--text-secondary)!important}[data-theme=light] #api-doc-page pre{background:#141628eb!important;border-color:#6366f133!important;color:#c9d1d9!important}[data-theme=light] #api-doc-page pre code{color:#c9d1d9!important}[data-theme=light] #api-doc-page button[style*="rgba(99,102,241"]{color:#fff!important}[data-theme=light] #api-doc-page>div>div>div{background:#ffffffb3!important;border-color:#6366f11f!important}[data-theme=light] #api-doc-page a{background:#ffffffa6!important;border-color:#6366f133!important;color:var(--text-secondary)!important}[data-theme=light] #api-doc-page span[style*="border-radius: 6px"]{color:inherit!important}[data-theme=light] #api-doc-page>div>div:last-child{background:#ffffffb8!important}[data-theme=light] #hero-section .container>div:first-child{background:#ffffffc7!important;border-color:#6366f14d!important;color:#5b60d6!important;box-shadow:0 2px 16px #6366f11f!important}[data-theme=light] #hero-section .container>div:first-child>span{background:#6366f1!important;box-shadow:0 0 8px #6366f180!important}