@import url("https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#fff;--bg2:#fafafa;--bg3:#f5f3ff;--bg4:#ede9fe;--border:rgba(124,58,237,.1);--border2:rgba(124,58,237,.22);--text:#111827;--muted:#6b7280;--muted2:#9ca3af;--violet:#7c3aed;--violet2:#6d28d9;--cyan:#2563eb;--green:#059669;--amber:#d97706;--red:#dc2626;--pink:#c026d3;--gradient:linear-gradient(135deg,#c026d3,#7c3aed 50%,#2563eb);--radius:14px;--radius-sm:8px;--radius-xs:5px;--shadow:0 2px 16px rgba(124,58,237,.08),0 1px 4px rgba(0,0,0,.04);--shadow2:0 4px 32px rgba(124,58,237,.12),0 1px 6px rgba(0,0,0,.06);--glow:0 0 40px rgba(124,58,237,.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body,h1,h2,h3,h4,h5{font-family:Satoshi,sans-serif}h1,h2,h3,h4,h5{font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);box-shadow:1px 0 16px rgba(124,58,237,.04);display:flex;flex-direction:column;padding:24px 14px;gap:2px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{font-family:Satoshi,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.03em;padding:0 10px 10px;display:flex;align-items:center;gap:8px}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 12px rgba(124,58,237,.5)}.sidebar-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted2);padding:14px 10px 6px}.nav-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none;border:none;background:none;width:100%;text-align:left}.nav-link svg{width:16px;height:16px;flex-shrink:0}.nav-link:hover{background:var(--bg3);color:var(--violet)}.nav-link.active{background:rgba(124,58,237,.08);color:var(--violet);font-weight:600}.nav-link.active svg{stroke:var(--violet)}.sidebar-spacer{flex:1 1}.main-content{padding:36px 40px;overflow-y:auto;min-height:100vh;background:var(--bg2)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px}.page-title{font-size:19px}.page-subtitle{color:var(--muted);margin-top:3px;font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));grid-gap:16px;gap:16px;margin-bottom:28px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color,var(--gradient));opacity:.7}.stat-value{font-family:Satoshi,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--accent-color,var(--text));line-height:1;margin-bottom:6px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-sub{font-size:12px;color:var(--muted);margin-top:4px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-family:Satoshi,sans-serif;font-size:13.5px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 12px;text-align:left;white-space:nowrap;background:var(--bg2)}td,th{border-bottom:1px solid var(--border)}td{padding:13px 12px;font-size:13.5px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--bg3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace;white-space:nowrap}.badge-violet{background:rgba(124,58,237,.08);color:var(--violet)}.badge-green{background:rgba(5,150,105,.08);color:var(--green)}.badge-red{background:rgba(220,38,38,.08);color:var(--red)}.badge-amber{background:rgba(217,119,6,.08);color:var(--amber)}.badge-cyan{background:rgba(37,99,235,.08);color:var(--cyan)}.badge-pink{background:rgba(192,38,211,.08);color:var(--pink)}.badge-gray{background:hsla(220,9%,46%,.08);color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.3)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 24px rgba(124,58,237,.4)}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border2)}.btn-ghost:hover{border-color:var(--violet);color:var(--violet);background:rgba(124,58,237,.04)}.btn-danger{background:rgba(220,38,38,.06);color:var(--red);border:1px solid rgba(220,38,38,.15)}.btn-danger:hover{background:rgba(220,38,38,.12)}.btn-success{background:rgba(5,150,105,.06);color:var(--green);border:1px solid rgba(5,150,105,.15)}.btn-sm{padding:5px 12px;font-size:12px}.btn-xs{padding:3px 8px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-gradient{background:var(--gradient);color:#fff;box-shadow:0 4px 18px rgba(124,58,237,.35);border:none}.btn-gradient:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 28px rgba(124,58,237,.45)}.grad-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding-bottom:.08em}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}.form-input{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 14px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(124,58,237,.1);background:#fff}.form-input::placeholder{color:var(--muted2)}textarea.form-input{resize:vertical;min-height:80px}select.form-input option{background:#fff;color:var(--text)}.form-hint{font-size:11.5px;color:var(--muted);margin-top:5px}.toggle{position:relative;width:38px;height:21px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:#e5e7eb;border:1.5px solid #d1d5db;border-radius:100px;cursor:pointer;transition:.2s}.toggle-track:before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#9ca3af;top:2px;left:2px;transition:.2s}.toggle input:checked~.toggle-track{background:rgba(124,58,237,.12);border-color:var(--violet)}.toggle input:checked~.toggle-track:before{background:var(--violet);transform:translateX(17px)}.modal-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .15s}.modal{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:100%;max-width:500px;animation:slideUp .2s;box-shadow:var(--shadow2)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:16px}.modal-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px}.modal-close:hover{color:var(--text);background:var(--bg3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg3);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(192,38,211,.1) 0,rgba(124,58,237,.06) 40%,transparent 70%);top:-150px;left:50%;transform:translateX(-50%);pointer-events:none}.auth-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:44px;width:100%;max-width:420px;position:relative;box-shadow:var(--shadow2)}.auth-brand{font-family:Satoshi,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.03em;margin-bottom:6px}.auth-brand span{color:var(--violet)}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(5,150,105,.08);border:1px solid rgba(5,150,105,.18);border-radius:100px;font-size:11px;font-weight:600;color:var(--green)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.empty{text-align:center;padding:56px 24px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:16px;opacity:.4}.empty h3{font-size:14px;color:var(--text);margin-bottom:8px}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.alert-error{background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.18);color:var(--red)}.alert-success{background:rgba(5,150,105,.06);border:1px solid rgba(5,150,105,.18);color:var(--green)}.alert-info{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);color:var(--violet)}.progress-bar{height:5px;background:var(--bg4);border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:10px;transition:width .5s}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.ml-auto{margin-left:auto}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.text-muted{color:var(--muted)}.text-sm{font-size:12.5px}.text-xs{font-size:11px}.text-right{text-align:right}.mono{font-family:JetBrains Mono,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:rgba(192,38,211,.08);border:1px solid rgba(192,38,211,.18);border-radius:100px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pink)}.plan-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;background:#fff;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.plan-card.featured{border-color:var(--violet);box-shadow:var(--glow)}.plan-price{font-family:Satoshi,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.03em}.nav-link.locked{opacity:.5;cursor:not-allowed}.nav-link.locked:hover{background:transparent;color:var(--muted)}.nav-desktop{display:flex}.nav-mobile-toggle{display:none}@media (max-width:700px){.nav-desktop{display:none!important}.nav-mobile-toggle{display:flex!important}}.mkt-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:48px}@media (max-width:900px){.mkt-footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:560px){.mkt-footer-grid{grid-template-columns:1fr 1fr}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:center}@media (max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-grid-visual{display:none!important}}[data-theme=dark]{--bg:#07070e;--bg2:#0f0f1a;--bg3:#161624;--bg4:#1e1e30;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.13);--text:#e2e2f0;--muted:#6b6b98;--muted2:#4a4a72;--violet:#7c6dfa;--violet2:#5b4de8;--cyan:#22d3ee;--green:#34d399;--amber:#fbbf24;--red:#f87171;--pink:#f472b6;--shadow:0 4px 24px rgba(0,0,0,.4);--shadow2:0 8px 40px rgba(0,0,0,.5);--glow:0 0 40px rgba(124,109,250,.15);color-scheme:dark}[data-theme=dark] .sidebar{background:var(--bg2);box-shadow:1px 0 16px rgba(0,0,0,.3)}[data-theme=dark] .card,[data-theme=dark] .plan-card,[data-theme=dark] .stat-card{background:var(--bg2)}[data-theme=dark] .main-content{background:var(--bg)}[data-theme=dark] th{background:var(--bg3)}[data-theme=dark] .form-input{background:var(--bg3);color:var(--text)}[data-theme=dark] .form-input:focus{background:var(--bg4);color:var(--text)}[data-theme=dark] .form-input::placeholder{color:var(--muted2)}[data-theme=dark] select.form-input option{background:var(--bg3);color:var(--text)}[data-theme=dark] .form-input:-webkit-autofill,[data-theme=dark] .form-input:-webkit-autofill:focus,[data-theme=dark] .form-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 1000px var(--bg3) inset;caret-color:var(--text)}[data-theme=dark] .modal{background:var(--bg2)}[data-theme=dark] .modal-wide-wrap{background:var(--bg2);color:var(--text)}[data-theme=dark] .modal-wide-preview{background:var(--bg3)}[data-theme=dark] .modal-backdrop{background:rgba(7,7,14,.85)}[data-theme=dark] .modal-close:hover{background:var(--bg3)}[data-theme=dark] .auth-page{background:var(--bg)}[data-theme=dark] .auth-box{background:var(--bg2)}[data-theme=dark] .auth-page:before{background:radial-gradient(circle,rgba(124,109,250,.08) 0,transparent 70%)}[data-theme=dark] .badge-gray{background:hsla(0,0%,100%,.06);color:var(--muted)}[data-theme=dark] .toggle-track{background:var(--bg4);border-color:var(--border2)}[data-theme=dark] .toggle-track:before{background:var(--muted2)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--bg4)}[data-theme=dark] .nav-link:hover{background:var(--bg3);color:var(--text)}[data-theme=dark] .nav-link.active{background:rgba(124,109,250,.12);color:var(--violet)}.cms-tabs{display:flex;gap:4px;border-bottom:1.5px solid var(--border);margin-bottom:28px}.cms-tab{padding:9px 18px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:13.5px;font-weight:500;cursor:pointer;background:none;color:var(--muted);transition:all .15s;border:none;border-bottom:2px solid transparent;margin-bottom:-1.5px}.cms-tab:hover{color:var(--violet);background:rgba(124,58,237,.04)}.cms-tab.active{color:var(--violet);border-bottom-color:var(--violet);font-weight:600}.gap-6{gap:6px}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(124,58,237,.06)}.nav-hamburger{background:none;border:none;width:36px;height:36px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0}.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:.2s}.sidebar-backdrop,.sidebar-close-btn{display:none}.modal-wide-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:920px;max-height:94vh;overflow:hidden;display:flex;box-shadow:var(--shadow2);animation:slideUp .2s}.modal-wide-form{flex:1 1;overflow-y:auto;padding:32px;min-width:0}.modal-wide-preview{width:340px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg2);padding:28px;overflow-y:auto}@media (max-width:900px){.modal-wide-wrap{flex-direction:column;max-height:92vh;max-width:600px}.modal-wide-preview{width:100%;border-left:none;border-top:1px solid var(--border)}}@media (max-width:768px){.mobile-header{display:flex}[data-theme=dark] .mobile-header{background:var(--bg2)}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:300;transition:left .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.sidebar-open{left:0;box-shadow:4px 0 32px rgba(0,0,0,.18)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--bg3);border:none;border-radius:6px;font-size:14px;cursor:pointer;color:var(--muted)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:299;animation:fadeIn .15s}.main-content{padding:20px 16px}.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.page-header .btn{align-self:stretch;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}.card{padding:18px 16px}.modal-backdrop{padding:0;align-items:flex-end}.modal{overflow-y:auto;padding:24px 20px;animation:slideUp .2s}.modal,.modal-wide-wrap{max-height:92vh;border-radius:var(--radius) var(--radius) 0 0}.modal-wide-wrap{flex-direction:column}.modal-wide-preview{display:none}.modal-wide-form{padding:24px 20px}.auth-box{padding:28px 20px;max-width:100%}.mkt-section-pad{padding:60px 20px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.main-content{padding:16px 12px}.card{padding:16px 14px}.modal-wide-form{padding:20px 16px}}[data-theme=dark] .sidebar-close-btn{background:var(--bg4);color:var(--muted)}