:root{
  --primary:#0878d1;--primary-2:#005fae;--brand-cyan:#19b9f2;--brand-navy:#06111f;--bg:#f4f7fb;--surface:#fff;--text:#101828;--muted:#667085;
  --border:#e4e6eb;--success:#18794e;--warning:#9a6700;--danger:#b42318;--shadow:0 16px 40px rgba(31,35,48,.08);
  --radius:18px
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}
body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}
h1,h2,h3{margin:0 0 .6rem}h1{font-size:clamp(1.55rem,2vw,2rem)}h2{font-size:1.1rem}p{line-height:1.6}.muted,small{color:var(--muted)}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.sidebar{background:linear-gradient(180deg,#06111f 0%,#071a2d 100%);color:#fff;padding:22px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong,.brand-row small{display:block}.brand-row small{margin-top:2px}.brand-link{color:#fff;margin-bottom:28px}
.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--brand-cyan));display:grid;place-items:center;font-weight:800;color:#fff}
.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#cfcad8;padding:11px 13px;border-radius:12px}.sidebar nav a:hover{background:#24202e;color:#fff}.sidebar nav a.disabled{opacity:.45;pointer-events:none}
.sidebar-footer{margin-top:auto;border-top:1px solid #302b3c;padding-top:16px}.sidebar-footer small{color:#a9a3b4;word-break:break-all}
.link-button{border:0;background:none;color:#fff;padding:8px 0;cursor:pointer}
.main{min-width:0}.topbar{height:72px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:10}.user-pill{margin-left:auto;background:#eaf5ff;padding:9px 13px;border-radius:999px;color:var(--primary-2)}
.content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.page-head p{margin:.2rem 0;color:var(--muted)}
.card,.plan-card,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.02)}
.card{padding:22px;margin-bottom:22px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{padding:19px;display:grid;grid-template-columns:auto 1fr;gap:5px 13px}.stat-icon{grid-row:1/3;width:44px;height:44px;border-radius:14px;background:#e8f4ff;display:grid;place-items:center}.stat-card span{color:var(--muted)}.stat-card strong{font-size:1.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{padding:22px;position:relative}.plan-card.featured{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 15%,transparent)}.plan-top{display:flex;justify-content:space-between;gap:20px}.price{text-align:right;font-size:1.25rem}.price small{display:block;font-size:.72rem;font-weight:500}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.mini-grid span{background:#f7f7fa;padding:10px;border-radius:12px;display:flex;justify-content:space-between}.feature-chips{display:flex;gap:7px;flex-wrap:wrap}.feature-chips span{background:#e8f4ff;color:var(--primary-2);padding:6px 9px;border-radius:999px;font-size:.8rem}
.actions{display:flex;gap:10px;margin-top:18px}.actions form{margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:10px 15px;font-weight:700;cursor:pointer}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-2)}.button.secondary{background:#eceef3;color:#333}.button.danger{background:#fee9e7;color:var(--danger)}.button.small{padding:7px 10px;font-size:.82rem}.button:disabled{opacity:.55;cursor:not-allowed}
.icon-button{border:0;background:#f0f1f5;width:40px;height:40px;border-radius:12px;cursor:pointer;display:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.stack{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:650;font-size:.9rem}input,select,textarea{width:100%;border:1px solid #d7d9df;border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}
input[type=color]{padding:3px;height:44px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.toggle{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--border);border-radius:12px}.toggle input{width:auto}.toggle.inline{display:flex;margin-top:28px}
.table-wrap{overflow:auto;padding:0}.table-wrap table{min-width:760px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--border)}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafafd}.empty{text-align:center;color:var(--muted);padding:32px}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:750;text-transform:capitalize}.badge.success{background:#e6f4ec;color:var(--success)}.badge.warning{background:#fff3d6;color:var(--warning)}.badge.neutral{background:#eceef2;color:#555}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;transition:.3s}.alert-success{background:#e6f4ec;color:var(--success)}.alert-danger{background:#fee9e7;color:var(--danger)}.alert.fade{opacity:0;transform:translateY(-6px)}
.notice{background:#eef2ff;border:1px solid #dbe3ff;padding:13px;border-radius:12px}.notice.warning{background:#fff6dc;border-color:#f4dda0}.notice code{word-break:break-all}
.auth-shell{background:radial-gradient(circle at top right,#e8e0f7,transparent 40%),var(--bg);display:grid;place-items:center;padding:28px}.auth-card,.install-card{width:min(100%,520px);background:#fff;border:1px solid var(--border);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.auth-card .brand-row,.install-card .brand-row{margin-bottom:28px}.steps{display:flex;gap:10px;margin:0 0 24px}.steps span{width:34px;height:34px;border-radius:50%;background:#eceef2;display:grid;place-items:center}.steps span.active{background:var(--primary);color:#fff}.check-list{padding-left:20px}.requirement-list{display:grid;gap:8px;margin-bottom:20px}.requirement-list div{display:flex;justify-content:space-between;padding:10px 12px;background:#f7f7fa;border-radius:10px}.ok{color:var(--success)}.bad{color:var(--danger)}
@media(max-width:1000px){.card-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;z-index:30;width:260px;transition:.25s}.sidebar-open .sidebar{left:0}.icon-button{display:grid;place-items:center}.content{padding:20px}.topbar{padding:0 18px}}
@media(max-width:680px){.card-grid,.stat-grid,.form-grid,.toggle-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-head{display:grid}.content{padding:15px}.topbar{height:64px}.auth-card,.install-card{padding:22px}.plan-top{display:grid}.price{text-align:left}.user-pill{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Client workspace modules */
.sidebar nav a{display:flex;align-items:center;gap:10px}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 30%,#24202e),#24202e);color:#fff;box-shadow:inset 3px 0 0 var(--primary)}
.nav-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#777080;margin:18px 12px 7px}.role-line{font-size:.74rem;color:#bbb3c5;text-transform:capitalize;margin-top:5px}.topbar>div:nth-child(2){display:grid}.top-subtitle{font-size:.72rem;margin-top:2px}.user-pill{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800;font-size:.75rem}.avatar.big{width:42px;height:42px;flex:0 0 42px}
.impersonation{background:#fff4cc;border-bottom:1px solid #f0d66b;min-height:44px;padding:7px 24px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:.86rem}.impersonation form{margin:0}.impersonation button{border:0;background:#332d12;color:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.head-actions,.form-actions,.table-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.table-actions form,.head-actions form{margin:0}.button.ghost{background:transparent;color:var(--muted)}.button.wrap,.actions.wrap{flex-wrap:wrap}.mini-pill{display:inline-flex;background:#f1f2f6;border-radius:999px;padding:5px 8px;font-size:.72rem;color:#555}
.stat-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.setup-list{display:grid;gap:10px}.setup-list a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;color:var(--text);transition:.18s}.setup-list a:hover{border-color:var(--primary);transform:translateY(-1px)}.setup-list a>span{width:34px;height:34px;border-radius:11px;background:#e7f4ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.setup-list strong,.setup-list small{display:block}.setup-list small{margin-top:3px}.status-stack{display:grid;gap:4px}.status-stack>div{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--border)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px;background:#999}.dot.approved{background:#1a8f5b}.dot.pending{background:#d79200}.dot.rejected,.dot.failed{background:#c23428}.dot.draft{background:#77808c}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;border-bottom:1px solid var(--border);padding-bottom:10px;margin-top:4px}.section-title h2{margin:0}.section-title span{font-size:.8rem;color:var(--muted)}.form-actions{border-top:1px solid var(--border);padding-top:18px}.detail-list{display:grid;gap:0;margin:16px 0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--border)}.detail-list span:first-child{color:var(--muted)}.detail-list code{font-size:.75rem;word-break:break-all}.inline-error{background:#fff0ee;color:var(--danger);border-radius:10px;padding:9px 11px;font-size:.82rem;margin-top:12px}.inline-error.compact{padding:5px 8px}.empty-state{text-align:center;display:grid;place-items:center;padding:42px}.empty-icon{font-size:2.8rem;margin-bottom:10px}
.toolbar,.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.search-form,.import-form,.filter-bar{display:flex;gap:10px}.search-form{flex:1}.search-form input{min-width:260px}.import-form input[type=file]{max-width:280px}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.category-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:17px;display:flex;align-items:center;gap:13px;color:var(--text)}.category-card>span{font-size:1.65rem}.category-card strong,.category-card small{display:block}.category-card small{margin-top:4px}.category-card:hover{border-color:var(--primary);box-shadow:0 8px 24px rgba(30,30,50,.06)}
.badge.category.marketing{background:#fce8f2;color:#9d245c}.badge.category.utility{background:#e5f2ff;color:#1562a1}.badge.category.authentication,.badge.category.auth{background:#efe9ff;color:#5b37a5}.badge.status-approved,.badge.status-sent,.badge.status-delivered,.badge.status-read,.badge.status-completed{background:#e5f5ec;color:#167349}.badge.status-pending,.badge.status-scheduled,.badge.status-running,.badge.status-queued{background:#fff2d6;color:#8b5b00}.badge.status-rejected,.badge.status-failed,.badge.status-cancelled{background:#fee8e6;color:#a52d23}.badge.status-draft,.badge.status-paused,.badge.status-open,.badge.status-resolved,.badge.status-skipped{background:#eceff3;color:#555f69}
.template-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,.8fr);gap:20px;align-items:start}.template-layout>.card{margin:0}.template-preview{position:sticky;top:94px}.phone-mock{background:#131820;border-radius:28px;padding:10px;max-width:330px;margin:16px auto}.wa-header{background:#075e54;color:#fff;padding:16px;border-radius:20px 20px 0 0;font-weight:700}.chat-bg{min-height:420px;background:#d9d3c9;padding:18px 12px;border-radius:0 0 20px 20px;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:10px 10px}.wa-bubble{background:#fff;border-radius:6px 12px 12px 12px;padding:11px;box-shadow:0 1px 2px rgba(0,0,0,.14);font-size:.9rem}.wa-bubble .preview-header{font-weight:800;margin-bottom:7px}.wa-bubble small{display:block;margin-top:7px}.wa-bubble time{display:block;text-align:right;color:#78909c;font-size:.66rem;margin-top:7px}.preview-buttons{display:grid;margin:10px -11px -5px;border-top:1px solid #e6e6e6}.preview-buttons span{text-align:center;color:#027eb5;padding:8px;border-bottom:1px solid #eee}.button-row{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;padding:12px;background:#f8f8fb;border-radius:14px}.otp-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.otp-options label{display:flex;gap:10px;border:1px solid var(--border);padding:14px;border-radius:14px;cursor:pointer}.otp-options input{width:auto}.otp-options b,.otp-options small{display:block}.contact-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-height:360px;overflow:auto;padding:3px}.contact-picker label{display:flex;gap:9px;padding:11px;border:1px solid var(--border);border-radius:12px}.contact-picker input{width:auto}.contact-picker strong,.contact-picker small{display:block}.metric-row{display:grid;gap:3px;font-size:.78rem}.metric-row span{display:flex;justify-content:space-between;gap:10px}
.inbox-shell{display:grid;grid-template-columns:340px 1fr;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;min-height:calc(100vh - 190px)}.conversation-list{border-right:1px solid var(--border);overflow:auto;max-height:calc(100vh - 190px)}.conversation-search{padding:14px;position:sticky;top:0;background:#fff;z-index:2}.conversation-item{display:grid;grid-template-columns:42px 1fr auto;gap:11px;padding:13px 14px;color:var(--text);border-top:1px solid #f0f0f3}.conversation-item:hover,.conversation-item.active{background:#edf7ff}.conversation-item strong,.conversation-item small{display:block;max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item time{font-size:.65rem;color:var(--muted)}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-width:0;max-height:calc(100vh - 190px)}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border)}.chat-header>div:nth-child(2){display:grid}.chat-header form{margin-left:auto}.messages{background:#eee9e2;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message{max-width:min(75%,650px);background:#fff;padding:10px 12px;border-radius:5px 14px 14px 14px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message.outbound{align-self:flex-end;background:#d9fdd3;border-radius:14px 5px 14px 14px}.message small{display:block;text-align:right;font-size:.65rem;margin-top:5px}.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;border-top:1px solid var(--border)}.composer textarea{resize:none}.empty-chat{display:grid;place-items:center;align-content:center;text-align:center;height:100%;padding:30px}
hr{border:0;border-top:1px solid var(--border);margin:20px 0}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
[hidden]{display:none!important}
@media(max-width:1200px){.stat-grid-4{grid-template-columns:repeat(2,1fr)}.template-layout{grid-template-columns:1fr}.template-preview{position:static}.contact-picker{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.category-cards{grid-template-columns:1fr}.inbox-shell{grid-template-columns:1fr}.conversation-list{max-height:300px;border-right:0;border-bottom:1px solid var(--border)}.chat-panel{min-height:600px}.otp-options{grid-template-columns:1fr}}
@media(max-width:680px){.stat-grid-4{grid-template-columns:1fr}.button-row,.contact-picker{grid-template-columns:1fr}.toolbar,.search-form,.import-form,.filter-bar{align-items:stretch;display:grid;width:100%}.search-form input{min-width:0}.head-actions{width:100%}.head-actions .button,.head-actions form,.head-actions form button{width:100%}.impersonation{align-items:flex-start}.conversation-item strong,.conversation-item small{max-width:150px}}

/* v2.1 Ads Web Lab blue experience */
body{background:var(--bg)}
.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,99,181,.26)}
.sidebar{box-shadow:18px 0 50px rgba(4,19,36,.08)}
.sidebar nav a{border:1px solid transparent;transition:.18s ease}
.sidebar nav a:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.07)}
.sidebar nav a.active{background:linear-gradient(90deg,rgba(14,165,233,.25),rgba(14,165,233,.08));box-shadow:inset 3px 0 0 #24b8f5;border-color:rgba(91,201,255,.12)}
.nav-label{color:#67819b}.sidebar-footer{border-top-color:rgba(255,255,255,.1)}
.topbar{height:76px;background:rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(16,24,40,.03)}
.user-pill{background:#edf7ff;color:#075b9d;border:1px solid #d8edff}.avatar{background:linear-gradient(135deg,var(--primary),var(--brand-cyan));box-shadow:0 5px 15px rgba(8,120,209,.22)}
.card,.plan-card,.stat-card{border-color:#e7edf4;box-shadow:0 8px 30px rgba(17,37,63,.045)}
.card:hover,.stat-card:hover{border-color:#d6e6f4}.stat-icon{background:linear-gradient(145deg,#e8f5ff,#f5fbff);color:#0878d1}
.button{min-height:42px;border-radius:12px;transition:.18s ease;gap:8px}.button.primary{background:linear-gradient(135deg,#0878d1,#0aa7e8);box-shadow:0 8px 20px rgba(8,120,209,.2)}.button.primary:hover{background:linear-gradient(135deg,#0068bd,#0799da);transform:translateY(-1px);box-shadow:0 12px 25px rgba(8,120,209,.26)}.button.large{min-height:50px;padding:13px 20px}.button.full{width:100%}.button.white{background:#fff;color:#075d9f}.button.glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}.button.glass:hover{background:rgba(255,255,255,.14)}
input,select,textarea{border-color:#d9e2ec;background:#fff;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#0d8ddf;box-shadow:0 0 0 4px rgba(14,165,233,.12)}
.page-head h1{letter-spacing:-.03em}.page-head p{max-width:760px}

/* Shared public branding */
.public-brand{display:flex;align-items:center;gap:11px;color:inherit}.public-brand img{width:48px;height:48px;object-fit:cover;border-radius:15px;box-shadow:0 10px 28px rgba(0,119,204,.24)}.public-brand span{display:grid}.public-brand strong{font-size:1.02rem;letter-spacing:-.02em}.public-brand small{font-size:.68rem;color:#7fa2c1;margin-top:2px}.public-brand.compact img{width:42px;height:42px}.public-brand.compact small{color:#7593ad}
.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;color:#0878d1}.eyebrow span{width:25px;height:2px;background:linear-gradient(90deg,#0878d1,#27c2f6)}.eyebrow.light{color:#74d5ff}.eyebrow.light span{background:#74d5ff}
.step-label{display:inline-block;color:#0878d1;font-size:.68rem;font-weight:850;letter-spacing:.16em;margin-bottom:9px}

/* Public landing */
.public-site{background:#fff;color:#101828}.public-nav{height:82px;padding:0 clamp(24px,6vw,88px);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff}.public-nav nav{display:flex;align-items:center;gap:28px}.public-nav nav>a:not(.button){color:#c8d8e6;font-size:.9rem;font-weight:650}.public-nav nav>a:not(.button):hover{color:#fff}.public-flash{position:fixed;top:94px;left:50%;transform:translateX(-50%);z-index:40;min-width:min(90%,500px);box-shadow:0 16px 35px rgba(0,0,0,.12)}
.hero-section{min-height:780px;padding:150px clamp(24px,6vw,88px) 90px;background:radial-gradient(circle at 82% 24%,rgba(12,155,225,.28),transparent 26%),radial-gradient(circle at 57% 92%,rgba(0,103,185,.2),transparent 32%),linear-gradient(135deg,#040a12 0%,#071a2c 50%,#04213a 100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:70px;color:#fff;overflow:hidden;position:relative}.hero-section:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:680px}.hero-copy h1{font-size:clamp(3rem,5.4vw,5.6rem);line-height:.98;letter-spacing:-.065em;margin:22px 0 24px;font-weight:820}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#47caff,#0878d1 70%);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:1.12rem;line-height:1.75;color:#b8cbdc;max-width:620px}.hero-actions{display:flex;gap:12px;margin:32px 0 25px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#91abc1;font-size:.83rem}.hero-visual{position:relative;z-index:2;min-width:0}.glow-orb{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(21,183,242,.28),transparent 65%);filter:blur(12px);right:0;top:-120px}.product-window{position:relative;background:rgba(245,250,255,.97);border:1px solid rgba(255,255,255,.24);border-radius:24px;box-shadow:0 45px 100px rgba(0,0,0,.38);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);color:#172033}.product-top{height:42px;background:#fff;border-bottom:1px solid #e6edf4;display:flex;align-items:center;gap:7px;padding:0 14px}.product-top span{width:9px;height:9px;border-radius:50%;background:#dce4ec}.product-top span:first-child{background:#ff7b72}.product-top span:nth-child(2){background:#f4c152}.product-top span:nth-child(3){background:#55c979}.product-top b{margin-left:10px;font-size:.68rem;color:#8090a0}.product-body{display:grid;grid-template-columns:65px 1fr;min-height:420px}.product-body>aside{background:#061726;padding:18px 12px;display:grid;align-content:start;gap:18px;justify-items:center}.mini-brand img{width:36px;height:36px;border-radius:10px}.product-body>aside i{width:30px;height:7px;border-radius:5px;background:#24425c}.product-body>aside i:nth-child(2){background:#0e95dc}.product-body>section{padding:25px;min-width:0}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-header>div{display:grid}.preview-header small{font-size:.7rem;color:#8693a1}.preview-header strong{font-size:1.05rem;margin-top:3px}.preview-header button{border:0;background:#0878d1;color:#fff;border-radius:9px;padding:8px 11px;font-size:.7rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:20px 0}.preview-stats article{padding:15px;background:#fff;border:1px solid #e4edf5;border-radius:13px;display:grid}.preview-stats small{font-size:.63rem;color:#8090a0}.preview-stats strong{font-size:1.15rem;margin:5px 0}.preview-stats span{color:#0b9c64;font-size:.65rem}.preview-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:12px}.fake-chart,.fake-chat{background:#fff;border:1px solid #e4edf5;border-radius:14px;padding:14px;min-width:0}.chart-head{display:flex;justify-content:space-between}.chart-head strong{font-size:.74rem}.chart-head small{font-size:.58rem}.fake-chart svg{width:100%;margin-top:15px}.fake-chat>strong{font-size:.74rem}.fake-chat>div{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f5}.fake-chat>div>b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e5f5ff;color:#0878d1;font-size:.57rem}.fake-chat>div span{min-width:0;display:grid}.fake-chat>div span strong,.fake-chat>div span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fake-chat>div span strong{font-size:.62rem}.fake-chat>div span small{font-size:.53rem}.fake-chat>div em{font-style:normal;font-size:.5rem;color:#8b99a6}.floating-card{position:absolute;background:rgba(255,255,255,.95);color:#162234;border-radius:14px;padding:12px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 45px rgba(0,0,0,.25);z-index:4}.floating-card>span{width:34px;height:34px;border-radius:10px;background:#e4f8ee;color:#0c9460;display:grid;place-items:center;font-weight:900}.floating-card div{display:grid}.floating-card strong{font-size:.72rem}.floating-card small{font-size:.58rem;margin-top:3px}.floating-one{left:-40px;top:45px}.floating-two{right:-20px;bottom:40px}.floating-two>span{background:#e7f5ff;color:#0878d1}
.logo-strip{display:flex;align-items:center;justify-content:center;gap:clamp(22px,5vw,80px);padding:30px 24px;background:#fff;border-bottom:1px solid #edf1f5;flex-wrap:wrap}.logo-strip span{color:#98a2b3;font-size:.73rem}.logo-strip b{color:#66798c;font-size:.78rem;letter-spacing:.12em}
.feature-section,.pricing-section{padding:105px clamp(24px,7vw,110px)}.section-heading{max-width:760px;margin:0 auto 52px;text-align:center}.section-heading h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.05em;margin:16px 0}.section-heading p{color:#667085;font-size:1.02rem}.feature-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1400px;margin:auto}.feature-showcase article{padding:28px;border:1px solid #e5edf4;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfdff);transition:.22s}.feature-showcase article:hover{transform:translateY(-5px);border-color:#bfe4fb;box-shadow:0 22px 50px rgba(7,92,152,.1)}.feature-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#e7f5ff,#d9effe);color:#0878d1;display:grid;place-items:center;font-size:1.25rem}.feature-showcase h3{font-size:1.08rem;margin:20px 0 8px}.feature-showcase p{color:#667085;font-size:.88rem;min-height:68px}.feature-showcase a{font-size:.8rem;font-weight:750}
.workflow-section{margin:0 clamp(24px,7vw,110px);padding:70px;border-radius:30px;background:radial-gradient(circle at 15% 20%,rgba(26,178,241,.25),transparent 30%),linear-gradient(135deg,#06111f,#083154);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.workflow-copy h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.05em;margin:17px 0}.workflow-copy p{color:#aec7db}.workflow-steps{display:grid;gap:12px}.workflow-steps article{display:flex;gap:20px;padding:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:17px}.workflow-steps b{font-size:.7rem;color:#6fd4ff;background:rgba(74,198,248,.12);width:37px;height:37px;border-radius:11px;display:grid;place-items:center;flex:0 0 37px}.workflow-steps h3{margin:0 0 4px}.workflow-steps p{margin:0;color:#a9bfd0;font-size:.84rem}
.pricing-section{background:#f6f9fc}.public-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:1250px;margin:auto}.public-plan{background:#fff;border:1px solid #e1eaf2;border-radius:22px;padding:28px;position:relative;display:flex;flex-direction:column}.public-plan.featured{border:2px solid #0a8ddd;box-shadow:0 20px 50px rgba(8,120,209,.13);transform:translateY(-8px)}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#0878d1,#18b9ef);color:#fff;border-radius:999px;padding:6px 12px;font-size:.66rem;font-weight:800;white-space:nowrap}.public-plan h3{font-size:1.25rem}.public-plan>p{font-size:.84rem;color:#667085;min-height:55px}.public-price{display:flex;align-items:baseline;gap:4px;margin:16px 0}.public-price small{color:#667085}.public-price strong{font-size:2.6rem;letter-spacing:-.05em}.public-price span{font-size:.7rem;color:#98a2b3}.public-plan ul{list-style:none;padding:0;display:grid;gap:10px;margin:8px 0 26px;color:#475467;font-size:.82rem}.public-plan .button{margin-top:auto}
.final-cta{margin:90px clamp(24px,7vw,110px);padding:42px 48px;border-radius:25px;background:linear-gradient(105deg,#0573c7,#0ba9e7);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;box-shadow:0 25px 55px rgba(8,120,209,.22)}.final-cta img{width:65px;height:65px;border-radius:18px}.final-cta h2{font-size:1.65rem;margin:0}.final-cta p{margin:4px 0 0;color:#d9f2ff}.public-footer{background:#050c14;color:#fff;padding:50px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center}.public-footer p{color:#849db2;font-size:.82rem}.public-footer>div:last-child{display:flex;gap:20px}.public-footer>div:last-child a{color:#9fc3df;font-size:.8rem}

/* Onboarding */
.onboard-page{min-height:100vh;background:radial-gradient(circle at 17% 10%,rgba(0,137,219,.3),transparent 28%),linear-gradient(135deg,#030910 0%,#061727 55%,#06243e 100%);color:#fff}.onboard-nav{height:82px;padding:0 clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.onboard-nav>div{display:flex;align-items:center;gap:14px;color:#91aabd;font-size:.82rem}.onboard-shell{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(380px,.85fr) minmax(560px,1.15fr);gap:55px;padding:55px clamp(22px,5vw,70px) 70px;align-items:center}.onboard-story{max-width:620px;position:relative}.onboard-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(13,163,230,.13);filter:blur(55px);left:-150px;top:-100px}.onboard-story>*{position:relative}.onboard-story h1{font-size:clamp(2.8rem,5vw,5rem);line-height:.98;letter-spacing:-.06em;margin:22px 0}.onboard-story>p{font-size:1.05rem;color:#a9bfd1;max-width:560px}.onboard-benefits{display:grid;gap:11px;margin:35px 0}.onboard-benefits article{display:flex;gap:15px;padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}.onboard-benefits article>b{width:35px;height:35px;border-radius:10px;background:rgba(23,180,241,.14);color:#75d7ff;display:grid;place-items:center;font-size:.65rem;flex:0 0 35px}.onboard-benefits article div{display:grid}.onboard-benefits strong{font-size:.88rem}.onboard-benefits small{color:#90a8bb;font-size:.73rem;margin-top:4px}.onboard-social-proof{display:flex;align-items:center;gap:13px}.proof-avatars{display:flex}.proof-avatars i{width:33px;height:33px;border-radius:50%;background:linear-gradient(135deg,#0878d1,#2dc4f4);border:2px solid #071727;display:grid;place-items:center;font-style:normal;font-size:.64rem;font-weight:800;margin-left:-7px}.proof-avatars i:first-child{margin:0}.onboard-social-proof>div:last-child{display:grid}.onboard-social-proof small{color:#8da5b8;font-size:.69rem}.onboard-card-wrap{width:100%;max-width:720px;justify-self:end}.onboard-card{background:#fff;color:#101828;border-radius:26px;padding:32px;box-shadow:0 40px 100px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.35)}.onboard-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.onboard-card-head h2{font-size:1.65rem;letter-spacing:-.035em}.onboard-card-head p,.step-copy p{color:#667085;font-size:.82rem;margin:.3rem 0}.trial-badge{background:#e7f7ff;color:#0878d1;border:1px solid #c8ebff;padding:8px 11px;border-radius:999px;font-size:.7rem;font-weight:800;white-space:nowrap}.onboard-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;margin:27px 0}.onboard-progress>div{display:grid;justify-items:center;gap:5px;color:#98a2b3}.onboard-progress>div span{width:30px;height:30px;border-radius:50%;background:#eef2f6;display:grid;place-items:center;font-size:.7rem;font-weight:800}.onboard-progress>div small{font-size:.62rem}.onboard-progress>div.active{color:#0878d1}.onboard-progress>div.active span,.onboard-progress>div.complete span{background:linear-gradient(135deg,#0878d1,#10abe8);color:#fff}.onboard-progress>i{height:2px;background:#e7edf3;margin-top:14px}.onboard-progress>i.complete{background:#0b91dd}.onboard-step{display:grid;gap:20px}.js .registration-form.stepper-active .onboard-step{display:none}.js .registration-form.stepper-active .onboard-step.active{display:grid}.step-copy h3{font-size:1rem;margin:0}.modern-fields label>span{font-size:.76rem;color:#344054}.input-shell{position:relative}.input-shell>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-style:normal;color:#7f93a5;font-size:.75rem;z-index:2}.input-shell input{padding-left:39px;min-height:49px;border-radius:12px}.input-shell:focus-within>i{color:#0878d1}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#edf6fc;color:#0878d1;padding:7px 9px;border-radius:8px;font-size:.65rem;font-weight:800;cursor:pointer}.input-shell:has(.password-toggle) input{padding-right:64px}.step-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:19px}.step-actions .button b{font-size:1rem}.onboard-plan-list{display:grid;gap:10px;max-height:340px;overflow:auto;padding:2px}.onboard-plan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid #dfe7ef;border-radius:14px;cursor:pointer;transition:.16s}.onboard-plan:hover{border-color:#87caf2;background:#fbfdff}.onboard-plan:has(input:checked){border:2px solid #0b8edd;background:#f3faff;box-shadow:0 8px 22px rgba(8,120,209,.08)}.onboard-plan input{position:absolute;opacity:0}.plan-radio{width:19px;height:19px;border-radius:50%;border:2px solid #b6c3ce;position:relative}.onboard-plan input:checked+.plan-radio{border-color:#0878d1}.onboard-plan input:checked+.plan-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0878d1}.plan-details{display:grid;min-width:0}.plan-details>strong{font-size:.86rem}.plan-details>strong em{font-style:normal;font-size:.55rem;color:#0878d1;background:#e3f4ff;padding:4px 7px;border-radius:999px;margin-left:7px}.plan-details>small{font-size:.68rem;margin:3px 0}.plan-details>span{font-size:.62rem;color:#667085}.plan-amount{text-align:right;display:grid}.plan-amount strong{font-size:.82rem}.plan-amount small{font-size:.58rem}.trial-note,.account-summary{display:flex;align-items:center;gap:12px;padding:13px;background:#edf9ff;border:1px solid #d3effe;border-radius:13px}.trial-note>span{width:35px;height:35px;border-radius:10px;background:#0878d1;color:#fff;display:grid;place-items:center}.trial-note>div,.account-summary>div{display:grid}.trial-note strong,.account-summary strong{font-size:.76rem}.trial-note small,.account-summary small{font-size:.65rem}.terms-check{display:flex;align-items:flex-start;gap:10px;font-size:.72rem;font-weight:500;color:#667085}.terms-check input{width:auto;min-height:auto;margin-top:2px}.account-summary img{width:42px;height:42px;border-radius:12px}.onboard-login-link{text-align:center;margin-top:19px;font-size:.75rem;color:#667085}.secure-note{text-align:center;color:#7f9aaf;font-size:.68rem;margin:13px 0 0}.honey-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.error-list ul{margin:8px 0 0;padding-left:18px}.error-list li{margin:3px 0}

/* Modern login */
.auth-modern{min-height:100vh;background:#fff}.auth-modern-shell{min-height:100vh;display:grid;grid-template-columns:minmax(500px,1.08fr) minmax(430px,.92fr)}.auth-showcase{background:radial-gradient(circle at 70% 15%,rgba(18,174,239,.25),transparent 27%),linear-gradient(145deg,#030a12,#07233d);color:#fff;padding:50px clamp(42px,6vw,90px);display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-showcase:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(black,transparent 70%);opacity:.23}.auth-showcase>*{position:relative;z-index:2}.auth-showcase-copy{margin-top:auto;max-width:640px}.auth-showcase-copy h1{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1;letter-spacing:-.06em;margin:20px 0}.auth-showcase-copy p{color:#aac0d1;font-size:1rem;max-width:560px}.auth-chat-preview{width:min(100%,520px);margin:35px 0 25px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px;backdrop-filter:blur(14px)}.chat-preview-head{display:flex;align-items:center;gap:10px;margin-bottom:15px}.chat-preview-head>div{display:grid}.chat-preview-head small{color:#8ba7bc;font-size:.65rem}.chat-preview-head i{font-style:normal;margin-left:auto;color:#86a3b9}.preview-message{width:75%;padding:10px 12px;border-radius:5px 13px 13px 13px;background:#fff;color:#243244;font-size:.72rem;margin:8px 0;box-shadow:0 5px 18px rgba(0,0,0,.12)}.preview-message.outgoing{margin-left:auto;background:#d9fdd3;border-radius:13px 5px 13px 13px}.preview-message time{display:block;text-align:right;font-size:.54rem;color:#71808e;margin-top:4px}.auth-metrics{display:flex;gap:10px;margin-bottom:auto}.auth-metrics>div{min-width:112px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);display:grid}.auth-metrics strong{font-size:.95rem}.auth-metrics small{color:#8ca8bd;font-size:.6rem}.auth-form-side{display:flex;flex-direction:column;padding:35px clamp(25px,6vw,85px);background:linear-gradient(180deg,#fff,#f8fbfe)}.auth-form-top{display:flex;justify-content:flex-end;gap:9px;color:#667085;font-size:.76rem}.auth-form-top a{font-weight:800}.auth-modern-card{width:min(100%,470px);margin:auto}.mobile-auth-brand{display:none}.login-heading{margin-bottom:28px}.login-heading h2{font-size:2rem;letter-spacing:-.045em}.login-heading p{color:#667085;font-size:.84rem}.login-options{display:flex;justify-content:space-between;align-items:center}.login-options label{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:500;color:#667085}.login-options input{width:auto;min-height:auto}.login-options>a{font-size:.72rem;font-weight:750}.login-divider{display:flex;align-items:center;gap:10px;margin:25px 0;color:#98a2b3;font-size:.65rem}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e5ebf1;flex:1}.login-help{display:flex;gap:10px;align-items:center;padding:13px;background:#f4f8fb;border-radius:12px}.login-help>span{width:32px;height:32px;border-radius:10px;background:#e3f3fd;color:#0878d1;display:grid;place-items:center;font-weight:800}.login-help>div{display:grid}.login-help strong{font-size:.72rem}.login-help small{font-size:.62rem}

@media(max-width:1150px){.hero-section{grid-template-columns:1fr;padding-top:135px}.hero-copy{max-width:780px}.hero-visual{max-width:800px;margin:auto}.feature-showcase{grid-template-columns:1fr 1fr}.workflow-section{grid-template-columns:1fr}.onboard-shell{grid-template-columns:.8fr 1.2fr;gap:30px}.auth-modern-shell{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.public-nav nav>a:not(.button){display:none}.hero-section{min-height:auto}.product-window{transform:none}.floating-one{left:10px}.floating-two{right:10px}.workflow-section{margin:0 20px;padding:45px 28px}.final-cta{grid-template-columns:auto 1fr;margin:65px 20px}.final-cta .button{grid-column:1/-1}.public-footer{grid-template-columns:1fr}.onboard-shell{grid-template-columns:1fr;padding-top:25px}.onboard-story{max-width:none}.onboard-story h1{font-size:3.2rem}.onboard-benefits{grid-template-columns:repeat(3,1fr)}.onboard-benefits article{display:grid}.onboard-card-wrap{justify-self:stretch;max-width:none}.auth-modern-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-side{min-height:100vh}.mobile-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:38px}.mobile-auth-brand img{width:45px;height:45px;border-radius:13px}.auth-form-top{margin-bottom:20px}}
@media(max-width:680px){.public-nav{height:72px;padding:0 18px}.public-brand small{display:none}.public-brand img{width:42px;height:42px}.public-nav nav{gap:10px}.public-nav nav .button{min-height:40px;padding:9px 12px;font-size:.72rem}.hero-section{padding:115px 18px 60px;gap:45px}.hero-copy h1{font-size:3rem}.hero-copy>p{font-size:.95rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.trust-row{display:grid;gap:7px}.product-body{grid-template-columns:45px 1fr}.product-body>aside{padding:14px 7px}.product-body>aside i{width:25px}.product-body>section{padding:14px}.preview-stats{grid-template-columns:1fr}.preview-stats article:nth-child(n+2){display:none}.preview-grid{grid-template-columns:1fr}.fake-chat{display:none}.floating-card{display:none}.logo-strip{gap:22px}.feature-section,.pricing-section{padding:70px 18px}.feature-showcase{grid-template-columns:1fr}.feature-showcase article p{min-height:0}.workflow-section{border-radius:22px}.public-plan.featured{transform:none}.final-cta{padding:28px;grid-template-columns:1fr;text-align:center}.final-cta img{margin:auto}.public-footer{text-align:center}.public-footer .public-brand{justify-content:center}.public-footer>div:last-child{justify-content:center}.onboard-nav{padding:0 17px}.onboard-nav>div>span{display:none}.onboard-shell{padding:30px 16px 50px}.onboard-story h1{font-size:2.75rem}.onboard-story>p{font-size:.92rem}.onboard-benefits{grid-template-columns:1fr}.onboard-benefits article{display:flex}.onboard-social-proof{display:none}.onboard-card{padding:22px 17px;border-radius:20px}.onboard-card-head{display:grid}.trial-badge{justify-self:start}.onboard-progress small{display:none}.onboard-progress{margin:24px 25px}.modern-fields.form-grid{grid-template-columns:1fr}.modern-fields .span-2{grid-column:auto}.onboard-plan{grid-template-columns:auto 1fr}.plan-amount{grid-column:2;text-align:left;display:flex;gap:5px;align-items:baseline}.step-actions{gap:10px}.step-actions .button{flex:1;padding:12px 10px;font-size:.75rem}.auth-form-side{padding:25px 18px}.auth-form-top{justify-content:center}.login-heading h2{font-size:1.7rem}}
.legal-page{background:#f7fafc;min-height:100vh}.legal-hero{padding:160px clamp(24px,8vw,130px) 75px;background:radial-gradient(circle at 80% 20%,rgba(9,157,225,.25),transparent 25%),linear-gradient(135deg,#04101d,#073256);color:#fff}.legal-hero h1{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.06em;margin:18px 0}.legal-hero p{color:#b8cedf;max-width:750px}.legal-content{max-width:900px;margin:-35px auto 0;padding:0 22px 90px;position:relative}.legal-content article{background:#fff;border:1px solid #e2ebf2;padding:28px;border-radius:18px;margin-bottom:13px;box-shadow:0 8px 30px rgba(17,37,63,.045)}.legal-content article h2{font-size:1.05rem}.legal-content article p{color:#667085;font-size:.9rem;margin-bottom:0}.legal-content .notice{margin-top:20px}

/* SMTP and login recovery */
.smtp-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:22px;align-items:start}.smtp-main-card{margin-bottom:0}.smtp-side{display:grid;gap:18px}.smtp-side .card{margin-bottom:0}.mail-status{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:.78rem;font-weight:800;border:1px solid}.mail-status i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.04)}.mail-status.ready{background:#e8f8ef;color:#18794e;border-color:#c9ebd8}.mail-status.ready i{background:#24a167}.mail-status.pending{background:#fff6df;color:#8a5b00;border-color:#f1d89b}.mail-status.pending i{background:#e9a400}.smtp-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0878d1,#19b9f2);color:#fff;display:grid;place-items:center;font-size:1.35rem;box-shadow:0 12px 25px rgba(8,120,209,.2)}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-top:5px}.section-title:not(:first-child){border-top:1px solid var(--border);padding-top:22px;margin-top:4px}.section-title h2{margin-bottom:3px}.section-title span{color:var(--muted);font-size:.8rem}.password-field{position:relative}.password-field input{padding-right:72px}.password-field .password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:#edf5fb;color:var(--primary-2);padding:6px 9px;border-radius:8px;font-size:.7rem;font-weight:800;cursor:pointer}.danger-toggle{background:#fffafa;border-color:#f3d7d4}.smtp-help-card p{margin-top:0}.smtp-port-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.smtp-port-row span{display:grid}.smtp-port-row small{font-size:.7rem;margin-top:2px}.smtp-port-row b{font-size:.68rem;padding:5px 8px;background:#edf5fb;color:var(--primary-2);border-radius:999px}.smtp-feature-list{display:grid;gap:9px;margin:0 0 18px;padding:0;list-style:none}.smtp-feature-list li{position:relative;padding-left:23px;color:#475467;font-size:.84rem}.smtp-feature-list li:before{content:"✓";position:absolute;left:0;top:-1px;width:16px;height:16px;border-radius:50%;background:#e8f8ef;color:#18794e;display:grid;place-items:center;font-size:.65rem;font-weight:900}.auth-modern-card>.button.secondary{margin-bottom:18px}
@media(max-width:1050px){.smtp-layout{grid-template-columns:1fr}.smtp-side{grid-template-columns:repeat(2,minmax(0,1fr))}.smtp-side .card:first-child{grid-column:1/-1}}
@media(max-width:680px){.smtp-side{grid-template-columns:1fr}.smtp-side .card:first-child{grid-column:auto}.mail-status{justify-self:start}.section-title{display:grid}.smtp-layout{gap:15px}}

/* Meta Embedded Signup v2.3 */
.embedded-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:22px;align-items:stretch;margin-bottom:22px}
.embedded-hero-card{position:relative;overflow:hidden;min-height:610px;padding:42px;border-radius:26px;background:radial-gradient(circle at 78% 15%,rgba(25,185,242,.34),transparent 28%),radial-gradient(circle at 12% 82%,rgba(8,120,209,.24),transparent 30%),linear-gradient(145deg,#030b14,#06223b 62%,#07345a);color:#fff;box-shadow:0 24px 70px rgba(5,30,52,.2)}
.embedded-hero-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:23px 23px;mask-image:linear-gradient(black,transparent 84%);opacity:.25;pointer-events:none}
.embedded-hero-card>*{position:relative;z-index:1}.embedded-brand-orbit{width:82px;height:82px;border-radius:24px;padding:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 45px rgba(0,0,0,.24);margin-bottom:25px}.embedded-brand-orbit img{width:100%;height:100%;object-fit:cover;border-radius:18px}.eyebrow-pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(25,185,242,.12);border:1px solid rgba(97,207,249,.25);color:#8adfff;font-size:.68rem;font-weight:850;letter-spacing:.12em}.embedded-hero-card h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.055em;max-width:680px;margin:20px 0}.embedded-hero-card>p{color:#b8ccdc;max-width:650px;margin:0 0 30px;font-size:.94rem}.embedded-steps{display:grid;gap:11px}.embedded-steps article{display:grid;grid-template-columns:40px 1fr;gap:13px;align-items:center;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.embedded-steps article>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#0878d1,#19b9f2);font-weight:900}.embedded-steps strong,.embedded-steps small{display:block}.embedded-steps small{color:#9eb6c8;margin-top:3px;font-size:.73rem}
.embedded-action-card{margin-bottom:0;padding:30px;display:flex;flex-direction:column;gap:21px}.embedded-action-head{display:flex;align-items:center;gap:12px}.embedded-action-head>div:nth-child(2){display:grid}.embedded-action-head h2{margin:0}.embedded-action-head .mail-status{margin-left:auto}.meta-mark,.embedded-facebook-button>span,.facebook-mini,.embedded-banner-icon{display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-weight:900}.meta-mark{width:48px;height:48px;border-radius:15px;font-size:1.55rem}.connection-safety{display:grid;gap:8px;padding:15px;border-radius:15px;background:#f4f9fd;border:1px solid #dfedf7;color:#475467;font-size:.8rem}.pin-field input{font-size:1.45rem;letter-spacing:.35em;text-align:center;font-weight:850}.embedded-facebook-button{width:100%;gap:10px;min-height:52px;background:linear-gradient(135deg,#1877f2,#0a5ed0)}.embedded-facebook-button:hover{background:linear-gradient(135deg,#0f68dc,#084fae)}.embedded-facebook-button>span{width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.16)}.embedded-progress{display:flex;align-items:center;gap:13px;padding:14px;border-radius:14px;background:#eef7ff;border:1px solid #d6eafb}.embedded-progress strong,.embedded-progress small{display:block}.embedded-progress small{margin-top:3px}.spinner{width:25px;height:25px;border:3px solid #c8e3f8;border-top-color:#0878d1;border-radius:50%;animation:embedded-spin .8s linear infinite;flex:0 0 25px}@keyframes embedded-spin{to{transform:rotate(360deg)}}.inline-result{padding:13px 14px;border-radius:13px;font-size:.84rem}.inline-result.success{background:#e8f8ef;color:#18794e;border:1px solid #c7ead6}.inline-result.error{background:#fff0ef;color:#b42318;border:1px solid #f3d0cc}.document-note{margin-top:auto;padding:17px;border-radius:16px;background:#fffaf0;border:1px solid #f1dfb7}.document-note p{font-size:.78rem;color:#667085;margin:7px 0}.document-note a{font-size:.78rem;font-weight:800}.embedded-warning{display:grid;gap:4px;margin-bottom:18px}.embedded-banner{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:15px 17px;margin-bottom:18px;border-radius:17px;background:linear-gradient(100deg,#eef7ff,#f8fcff);border:1px solid #d7ebfb}.embedded-banner-icon{width:42px;height:42px;border-radius:13px;font-size:1.25rem}.embedded-banner strong,.embedded-banner span{display:block}.embedded-banner span{color:#667085;font-size:.78rem;margin-top:3px}.embedded-banner>a{font-size:.8rem;font-weight:850}.facebook-mini{display:inline-grid;width:22px;height:22px;border-radius:7px;margin-right:7px}.connection-title-row{display:flex;align-items:center;gap:8px}.facebook-method{background:#e8f1ff;color:#1877f2}.meta-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.meta-readiness-grid article{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:#fbfcfe}.meta-readiness-grid strong,.meta-readiness-grid small{display:block}.meta-readiness-grid small{font-size:.68rem;margin-top:2px}.readiness-dot{width:11px;height:11px;border-radius:50%;background:#d0d5dd;box-shadow:0 0 0 4px #f1f2f4;flex:0 0 11px}.readiness-dot.ok{background:#22a06b;box-shadow:0 0 0 4px #e5f6ed}
@media(max-width:1080px){.embedded-layout{grid-template-columns:1fr}.embedded-hero-card{min-height:auto}.meta-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.embedded-hero-card{padding:27px 20px;border-radius:21px}.embedded-hero-card h2{font-size:2.65rem}.embedded-action-card{padding:21px 17px}.embedded-action-head{display:grid;grid-template-columns:auto 1fr}.embedded-action-head .mail-status{grid-column:1/-1;margin-left:0;justify-self:start}.embedded-banner{grid-template-columns:42px 1fr}.embedded-banner>a{grid-column:2}.meta-readiness-grid{grid-template-columns:1fr}.embedded-steps article{padding:12px}.pin-field input{font-size:1.25rem}}

/* =========================================================
   v2.4.0 — Premium animated admin + client experience
   ========================================================= */
:root{
  --primary:#0878d1;
  --primary-rgb:8,120,209;
  --primary-2:#055fa9;
  --accent:#16b8ef;
  --accent-2:#6f6af8;
  --bg:#f3f7fb;
  --surface:#ffffff;
  --surface-2:#f8fbfe;
  --surface-3:#eef4f9;
  --text:#0f1f31;
  --muted:#6c7e90;
  --border:#dfe8f0;
  --border-strong:#cddbe7;
  --shadow-sm:0 8px 24px rgba(13,42,70,.06);
  --shadow:0 18px 55px rgba(13,42,70,.09);
  --shadow-lg:0 28px 90px rgba(8,34,61,.16);
  --radius-sm:12px;
  --radius:20px;
  --radius-lg:28px;
  --sidebar-width:280px;
  --ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="dark"]{
  --bg:#07111d;
  --surface:#0c1927;
  --surface-2:#101f2e;
  --surface-3:#142536;
  --text:#edf7ff;
  --muted:#8ea4b7;
  --border:#1c3042;
  --border-strong:#2a4358;
  --shadow-sm:0 8px 24px rgba(0,0,0,.16);
  --shadow:0 18px 55px rgba(0,0,0,.23);
  --shadow-lg:0 28px 90px rgba(0,0,0,.34);
}
html{scroll-behavior:smooth}
body.dashboard-body{background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .35s ease,color .35s ease}
body.dashboard-body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(8,120,209,.06) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,black,transparent 78%);opacity:.52;z-index:-2}
svg{width:1.2em;height:1.2em;display:block}
.ambient{position:fixed;border-radius:999px;filter:blur(70px);pointer-events:none;z-index:-1;opacity:.2;animation:ambientFloat 14s ease-in-out infinite alternate}
.ambient-one{width:330px;height:330px;background:#19b9f2;top:5%;right:2%}.ambient-two{width:260px;height:260px;background:#6f6af8;bottom:3%;left:16%;animation-delay:-6s}
@keyframes ambientFloat{to{transform:translate3d(30px,-25px,0) scale(1.08)}}

.app-shell{grid-template-columns:var(--sidebar-width) minmax(0,1fr);position:relative}
.sidebar{width:var(--sidebar-width);padding:20px 16px 16px;background:linear-gradient(175deg,#04101c 0%,#071b2d 50%,#08233b 100%);border-right:1px solid rgba(255,255,255,.07);box-shadow:20px 0 60px rgba(4,22,38,.12);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease)}
.sidebar-glow{position:absolute;width:250px;height:250px;border-radius:50%;top:-100px;right:-90px;background:radial-gradient(circle,rgba(25,185,242,.34),transparent 70%);z-index:-1;animation:sidebarGlow 7s ease-in-out infinite alternate}
@keyframes sidebarGlow{to{transform:translate(-20px,30px) scale(1.12)}}
.brand-link{margin:0 4px 25px;padding:8px;border-radius:18px;position:relative;transition:.25s var(--ease)}
.brand-link:hover{background:rgba(255,255,255,.045);transform:translateY(-1px)}
.brand-logo-wrap{width:48px;height:48px;border-radius:16px;padding:3px;background:linear-gradient(145deg,rgba(255,255,255,.35),rgba(255,255,255,.06));box-shadow:0 13px 30px rgba(0,0,0,.28);flex:0 0 48px}
.brand-logo{width:100%;height:100%;border-radius:13px;object-fit:cover}
.brand-copy{min-width:0;display:grid}.brand-copy strong{font-size:.96rem;letter-spacing:-.02em;color:#fff}.brand-copy small{font-size:.64rem;color:#78a2c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-nav{display:grid;gap:5px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 3px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.nav-label{margin:18px 12px 7px;color:#587b97;font-size:.61rem;font-weight:850;letter-spacing:.16em}.nav-label span{display:flex;align-items:center;gap:8px}.nav-label span:after{content:"";height:1px;background:rgba(255,255,255,.07);flex:1}
.sidebar nav a.nav-item{position:relative;display:grid;grid-template-columns:38px 1fr 17px;align-items:center;gap:9px;min-height:47px;padding:5px 11px 5px 6px;border-radius:15px;color:#9fb6c8;border:1px solid transparent;overflow:hidden;transition:transform .22s var(--ease),background .22s ease,color .22s ease,border-color .22s ease}
.sidebar nav a.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(28,179,239,.18),rgba(111,106,248,.08));opacity:0;transition:.22s ease}
.sidebar nav a.nav-item:hover{transform:translateX(3px);color:#fff;background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07)}
.sidebar nav a.nav-item.active{color:#fff;background:linear-gradient(100deg,rgba(17,153,225,.28),rgba(9,91,151,.12));border-color:rgba(84,194,245,.19);box-shadow:inset 3px 0 0 #25bdf3,0 10px 24px rgba(0,0,0,.12)}
.sidebar nav a.nav-item.active:before{opacity:1}.sidebar nav a.nav-item>*{position:relative;z-index:1}
.nav-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);transition:.22s var(--ease)}.nav-icon svg{width:18px;height:18px}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{background:rgba(255,255,255,.12);transform:scale(1.04)}
.nav-text{font-size:.79rem;font-weight:720;letter-spacing:.002em}.nav-arrow{opacity:0;transform:translateX(-4px);transition:.22s var(--ease)}.nav-arrow svg{width:14px;height:14px}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:.7;transform:none}
.sidebar-support{display:grid;grid-template-columns:39px 1fr 20px;gap:10px;align-items:center;margin:9px 4px 13px;padding:13px;border-radius:16px;background:linear-gradient(130deg,rgba(25,185,242,.12),rgba(111,106,248,.09));border:1px solid rgba(120,203,240,.12)}
.support-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;color:#8adfff;background:rgba(25,185,242,.12)}.support-icon svg{width:18px}.sidebar-support div{display:grid;min-width:0}.sidebar-support strong{font-size:.68rem;color:#eef9ff}.sidebar-support small{font-size:.57rem;color:#789bb6;margin-top:3px}.sidebar-support>a{color:#81cdef}.sidebar-support>a svg{width:15px}
.sidebar-footer{position:relative;margin-top:0;padding:12px 3px 0;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-profile{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:15px;text-align:left;cursor:pointer;transition:.2s ease}.sidebar-profile:hover{background:rgba(255,255,255,.055)}
.avatar{background:linear-gradient(145deg,var(--primary),var(--accent));box-shadow:0 7px 18px rgba(var(--primary-rgb),.28)}.avatar-lg{width:40px;height:40px;border-radius:13px;font-size:.82rem}
.profile-copy{min-width:0;display:grid}.profile-copy strong{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{font-size:.6rem;color:#7d9bb1;text-transform:capitalize}.profile-more{color:#7692a8;letter-spacing:.12em}
.profile-popover{position:absolute;left:3px;right:3px;bottom:67px;border-radius:16px;background:#10283b;border:1px solid rgba(255,255,255,.11);box-shadow:0 22px 50px rgba(0,0,0,.34);padding:8px;animation:popoverIn .22s var(--ease)}
.profile-popover-head{display:grid;padding:10px}.profile-popover-head strong{font-size:.75rem}.profile-popover-head small{font-size:.6rem;color:#83a1b7;word-break:break-all;margin-top:3px}.profile-menu-action{width:100%;border:0;background:rgba(255,255,255,.05);color:#dcebf5;border-radius:11px;padding:10px;display:flex;align-items:center;gap:9px;cursor:pointer}.profile-menu-action svg{width:16px}.profile-menu-action:hover{background:rgba(255,255,255,.1)}
@keyframes popoverIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.sidebar-backdrop{display:none}

.main{position:relative;min-width:0}.topbar{height:82px;padding:0 30px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);backdrop-filter:blur(22px) saturate(1.35);box-shadow:0 8px 28px rgba(19,45,69,.025);z-index:25;justify-content:space-between;transition:background .35s ease,border-color .35s ease}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:11px}.page-context{display:grid}.page-kicker{font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-weight:850}.page-context strong{font-size:.96rem;letter-spacing:-.02em;color:var(--text)}
.topbar-icon{height:42px;min-width:42px;border-radius:13px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 4px 14px rgba(20,50,76,.035);transition:.2s var(--ease)}.topbar-icon:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--border));box-shadow:var(--shadow-sm)}.topbar-icon svg{width:17px;height:17px}
.mobile-menu-button{display:none}.search-trigger{padding:0 12px;min-width:190px;justify-content:flex-start;color:var(--muted);font-size:.7rem}.search-trigger span{flex:1;text-align:left}.search-trigger kbd,.command-search kbd{font-family:inherit;font-size:.58rem;color:var(--muted);background:var(--surface-3);border:1px solid var(--border);border-radius:7px;padding:4px 6px;box-shadow:inset 0 -1px 0 var(--border-strong)}
.notification-button{position:relative}.notification-button i{position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:#ff4d67;border:2px solid var(--surface);animation:notifyPulse 2s ease-in-out infinite}@keyframes notifyPulse{50%{box-shadow:0 0 0 5px rgba(255,77,103,.12)}}
.theme-icon-dark{display:none}html[data-theme="dark"] .theme-icon-light{display:none}html[data-theme="dark"] .theme-icon-dark{display:block}
.top-profile{border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;gap:9px;padding:5px 11px 5px 5px;border-radius:15px;color:var(--text);cursor:pointer;box-shadow:0 5px 18px rgba(20,50,76,.035);transition:.2s var(--ease)}.top-profile:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.top-profile>span:last-child{display:grid;text-align:left}.top-profile strong{font-size:.68rem}.top-profile small{font-size:.56rem;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.content{padding:28px clamp(20px,3vw,42px) 24px;max-width:1640px}.page-stage{animation:pageEnter .55s var(--ease) both}@keyframes pageEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.dashboard-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 4px 3px;color:var(--muted);font-size:.62rem;border-top:1px solid var(--border);margin-top:28px}
.page-head{align-items:center;margin-bottom:23px}.page-head h1{font-size:clamp(1.55rem,2.4vw,2.15rem);letter-spacing:-.045em}.page-head p{font-size:.83rem}.head-actions{display:flex;gap:10px;flex-wrap:wrap}

.card,.plan-card,.stat-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,white 4%),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease)}
.card{border-radius:var(--radius);padding:23px}.card:hover{border-color:color-mix(in srgb,var(--primary) 15%,var(--border));box-shadow:var(--shadow)}
.card-head h2,.premium-card-head h2{font-size:1.02rem;letter-spacing:-.025em}.card-head p,.premium-card-head p{margin:4px 0 0;color:var(--muted);font-size:.72rem}.premium-card-head{align-items:flex-start}
.button{min-height:42px;border-radius:13px;padding:10px 15px;gap:8px;font-size:.76rem;letter-spacing:.005em;transition:transform .2s var(--ease),box-shadow .2s ease,background .2s ease;border .2s ease}.button svg{width:16px;height:16px}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 58%,var(--accent)));box-shadow:0 10px 22px rgba(var(--primary-rgb),.22)}.button.primary:hover{background:linear-gradient(135deg,var(--primary-2),var(--primary));box-shadow:0 14px 28px rgba(var(--primary-rgb),.29)}.button.secondary{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.button.secondary:hover{border-color:var(--border-strong);background:var(--surface-2)}.button.glass{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px)}.button.glass:hover{background:rgba(255,255,255,.16)}.button-glow{position:relative;overflow:hidden}.button-glow:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:32%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:buttonShine 4.2s ease-in-out infinite}@keyframes buttonShine{0%,75%{left:-45%}100%{left:145%}}.full-width{width:100%}
input,select,textarea{min-height:44px;border-radius:13px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 24%,var(--border-strong))}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.11),0 8px 22px rgba(var(--primary-rgb),.05)}label{font-size:.76rem;color:var(--text)}
.toggle{background:var(--surface-2);border-color:var(--border);transition:.2s ease}.toggle:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-1px)}

.alert{position:relative;border-radius:14px;padding:13px 42px 13px 15px;box-shadow:var(--shadow-sm);animation:alertIn .35s var(--ease)}.alert button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px;height:27px;border:0;background:transparent;color:inherit;font-size:1.15rem;cursor:pointer;border-radius:8px}.alert button:hover{background:rgba(0,0,0,.05)}@keyframes alertIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.badge{gap:6px;align-items:center}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.soft-chip{display:inline-flex;padding:6px 9px;border-radius:9px;background:var(--surface-3);border:1px solid var(--border);font-size:.68rem;font-weight:720}.number-cell{display:inline-grid;place-items:center;min-width:29px;height:29px;border-radius:9px;background:rgba(var(--primary-rgb),.09);color:var(--primary);font-weight:850;font-size:.72rem}
.modern-table-wrap{border:1px solid var(--border);border-radius:16px;overflow:auto}.modern-table{min-width:720px}.modern-table th{background:var(--surface-2);font-size:.61rem;padding:12px 14px}.modern-table td{padding:13px 14px;background:var(--surface);transition:.18s ease}.modern-table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.modern-table tr:last-child td{border-bottom:0}.table-identity{display:flex;align-items:center;gap:10px}.table-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),var(--accent));font-weight:850;box-shadow:0 6px 14px rgba(var(--primary-rgb),.18)}.table-identity>span:last-child{display:grid}.table-identity strong{font-size:.73rem}.table-identity small{font-size:.6rem}.table-primary{font-size:.7rem;color:var(--text)}.empty-state-inline{display:flex;align-items:center;justify-content:center;gap:13px;padding:35px;color:var(--muted)}.empty-state-inline>svg{width:31px;height:31px}.empty-state-inline>span{display:grid;text-align:left}.empty-state-inline strong{color:var(--text);font-size:.8rem}.empty-state-inline small{font-size:.66rem;margin-top:3px}

.dashboard-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:34px;align-items:center;min-height:330px;padding:38px 42px;margin-bottom:28px;border-radius:var(--radius-lg);background:radial-gradient(circle at 78% 12%,rgba(34,199,255,.26),transparent 27%),radial-gradient(circle at 14% 88%,rgba(111,106,248,.22),transparent 30%),linear-gradient(135deg,#04101c 0%,#06243e 56%,#08385f 100%);color:#fff;box-shadow:0 28px 75px rgba(4,31,54,.22);isolation:isolate}
.dashboard-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(black,transparent 90%);z-index:-1}.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-80px;top:-100px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);animation:orbital 10s linear infinite;z-index:-1}@keyframes orbital{to{transform:rotate(360deg)}}
.dashboard-hero-copy{max-width:760px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(25,185,242,.1);border:1px solid rgba(107,214,255,.2);color:#8cddff;font-size:.64rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.hero-eyebrow svg{width:15px}.dashboard-hero h1{font-size:clamp(2rem,3.5vw,3.55rem);line-height:1.02;letter-spacing:-.058em;max-width:830px;margin:18px 0 14px}.dashboard-hero p{max-width:690px;color:#abc2d4;font-size:.87rem;margin:0}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.hero-visual-card,.whatsapp-live-card{position:relative;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border-radius:22px;padding:20px;backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.19);animation:visualFloat 5.5s ease-in-out infinite alternate}@keyframes visualFloat{to{transform:translateY(-7px) rotate(.3deg)}}
.hero-visual-head{display:flex;justify-content:space-between;align-items:center;color:#ddecf6;font-size:.7rem}.hero-visual-head strong{font-size:.6rem;color:#77e2ad;display:flex;align-items:center;gap:6px}.hero-visual-head i{width:7px;height:7px;border-radius:50%;background:#38d98c;box-shadow:0 0 0 5px rgba(56,217,140,.12);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(56,217,140,0)}}
.pulse-chart{height:145px;display:flex;align-items:flex-end;gap:8px;padding:20px 3px 5px}.pulse-chart span{flex:1;min-width:8px;border-radius:999px 999px 5px 5px;background:linear-gradient(to top,rgba(25,185,242,.25),#40c8f7);box-shadow:0 0 18px rgba(25,185,242,.12);transform-origin:bottom;animation:barRise 1s var(--ease) both}.pulse-chart span:nth-child(1){height:28%;animation-delay:.1s}.pulse-chart span:nth-child(2){height:48%;animation-delay:.18s}.pulse-chart span:nth-child(3){height:39%;animation-delay:.26s}.pulse-chart span:nth-child(4){height:68%;animation-delay:.34s}.pulse-chart span:nth-child(5){height:57%;animation-delay:.42s}.pulse-chart span:nth-child(6){height:82%;animation-delay:.5s}.pulse-chart span:nth-child(7){height:72%;animation-delay:.58s}.pulse-chart span:nth-child(8){height:95%;animation-delay:.66s}@keyframes barRise{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
.hero-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-mini-stats>div{display:grid;padding:11px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.hero-mini-stats small{color:#8eaec4;font-size:.56rem}.hero-mini-stats strong{font-size:1rem;margin-top:3px}
.whatsapp-live-head{display:flex;align-items:center;gap:10px}.live-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#25d366,#0da94a);font-weight:900}.whatsapp-live-head>div{display:grid}.whatsapp-live-head strong{font-size:.72rem}.whatsapp-live-head small{font-size:.57rem;color:#8fb0c7}.whatsapp-live-head small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36dd8e;margin-right:4px}.whatsapp-live-head>span:last-child{margin-left:auto;color:#7194ac}.live-message{width:82%;font-size:.64rem;color:#243447;background:#fff;padding:9px 11px;border-radius:4px 12px 12px 12px;margin:13px 0 0;box-shadow:0 8px 20px rgba(0,0,0,.13)}.live-message.outbound{margin-left:auto;background:#d9fdd3;border-radius:12px 4px 12px 12px}.live-message time{display:block;text-align:right;color:#71808d;font-size:.5rem;margin-top:3px}.live-campaign-row{display:grid;grid-template-columns:38px 1fr 25px;align-items:center;gap:10px;margin-top:15px;padding:11px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08)}.live-campaign-row>span{width:37px;height:37px;border-radius:11px;background:rgba(25,185,242,.13);color:#7edbff;display:grid;place-items:center}.live-campaign-row>span svg{width:17px}.live-campaign-row>div{display:grid}.live-campaign-row strong{font-size:.68rem}.live-campaign-row small{font-size:.55rem;color:#8eaec4}.live-campaign-row b{color:#55d69a}.live-campaign-row b svg{width:16px}

.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:4px 1px 15px}.section-kicker{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-weight:900;margin-bottom:4px}.section-heading h2{font-size:1.13rem;letter-spacing:-.03em;margin:0}.live-chip,.progress-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:.6rem;font-weight:750;box-shadow:var(--shadow-sm)}.live-chip i{width:7px;height:7px;border-radius:50%;background:#24b878;box-shadow:0 0 0 4px rgba(36,184,120,.12)}.text-link{display:inline-flex;align-items:center;gap:5px;font-size:.67rem;font-weight:820;color:var(--primary)}.text-link svg{width:13px;transition:.2s var(--ease)}.text-link:hover svg{transform:translateX(3px)}
.premium-stats{gap:14px;margin-bottom:24px}.premium-stat{display:block;padding:18px;min-height:156px;border-radius:18px;position:relative;overflow:hidden;animation-delay:var(--delay,0ms)}.premium-stat:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-42px;top:-45px;background:var(--tone-soft);transition:.3s var(--ease)}.premium-stat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.premium-stat:hover:before{transform:scale(1.25)}.stat-card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.premium-stat .stat-icon{width:42px;height:42px;border-radius:13px;background:var(--tone-soft);color:var(--tone);display:grid;place-items:center}.premium-stat .stat-icon svg{width:19px;height:19px}.stat-menu{color:var(--muted);font-size:.7rem;letter-spacing:.08em}.premium-stat>strong{display:block;font-size:1.45rem;line-height:1.15;letter-spacing:-.045em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-stat>strong.text-value{font-size:1.05rem}.premium-stat>span{display:block;margin-top:4px;font-size:.7rem;font-weight:760;color:var(--text)}.premium-stat>small{display:block;margin-top:4px;font-size:.57rem;color:var(--muted)}
.tone-blue{--tone:#0878d1;--tone-soft:#e7f4ff}.tone-cyan{--tone:#079bd1;--tone-soft:#e3f9ff}.tone-violet{--tone:#7169e8;--tone-soft:#eeecff}.tone-green{--tone:#159b67;--tone-soft:#e6f8ef}.tone-amber{--tone:#cb8500;--tone-soft:#fff4db}.tone-pink{--tone:#d44786;--tone-soft:#ffebf4}.tone-indigo{--tone:#4e68d7;--tone-soft:#e9edff}.tone-red{--tone:#ce4a43;--tone-soft:#ffedeb}
html[data-theme="dark"] .premium-stat .stat-icon,html[data-theme="dark"] .premium-stat:before{background:color-mix(in srgb,var(--tone) 17%,transparent)}
.premium-dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);align-items:stretch}.premium-dashboard-grid>.card{margin-bottom:0}.table-card{padding:0;overflow:hidden}.table-card .premium-card-head{padding:22px 22px 14px;margin:0}.modern-table-wrap{border:0;border-top:1px solid var(--border);border-radius:0}
.health-card{display:flex;flex-direction:column}.health-score{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#e8f8ef;color:#159b67;font-size:.75rem;font-weight:900}.health-ring{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;margin:12px auto 18px;background:conic-gradient(var(--primary) 0 98%,var(--surface-3) 98% 100%);position:relative;animation:ringReveal 1.2s var(--ease) both}.health-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface)}.health-ring>div{position:relative;display:grid;text-align:center}.health-ring strong{font-size:1.45rem;letter-spacing:-.04em}.health-ring small{font-size:.58rem}@keyframes ringReveal{from{opacity:0;transform:scale(.8) rotate(-40deg)}to{opacity:1;transform:none}}
.health-list{display:grid;margin-bottom:18px}.health-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--border);font-size:.68rem}.health-list span{display:flex;align-items:center;gap:8px;color:var(--muted)}.health-list strong{font-size:.67rem}.health-dot{width:8px;height:8px;border-radius:50%}.health-dot.green{background:#26b778;box-shadow:0 0 0 4px rgba(38,183,120,.1)}.health-dot.amber{background:#e9a51a;box-shadow:0 0 0 4px rgba(233,165,26,.1)}.health-dot.red{background:#e65757;box-shadow:0 0 0 4px rgba(230,87,87,.1)}
.client-dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr)}.setup-card,.template-status-card{margin-bottom:0}.premium-setup-list{gap:9px}.premium-setup-list a{grid-template-columns:46px 1fr 26px;padding:12px 13px;background:var(--surface-2);border-radius:14px}.premium-setup-list a:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.premium-setup-list .step-number{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-size:.68rem;box-shadow:0 8px 18px rgba(var(--primary-rgb),.18)}.premium-setup-list b{color:var(--muted)}.premium-setup-list b svg{width:15px}.progress-pill{box-shadow:none;background:rgba(var(--primary-rgb),.08);color:var(--primary);border-color:rgba(var(--primary-rgb),.12)}
.template-score{display:grid;place-items:center;padding:5px 0 12px}.template-score-ring{--score:0;width:135px;height:135px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--score)*1%),var(--surface-3) 0);position:relative}.template-score-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--surface)}.template-score-ring span{position:relative;display:grid;text-align:center}.template-score-ring strong{font-size:1.25rem}.template-score-ring small{font-size:.58rem}.premium-status-stack>div{padding:9px 2px;font-size:.68rem}.premium-status-stack strong{font-size:.68rem}

.impersonation{background:linear-gradient(90deg,#fff4d7,#fffaf0);color:#805a00;border-bottom:1px solid #efd89f;box-shadow:0 6px 20px rgba(134,93,0,.07)}.impersonation span{display:flex;align-items:center;gap:8px}.impersonation svg{width:16px}
html[data-theme="dark"] .impersonation{background:#3a2a0d;color:#ffd785;border-color:#5d471c}

.command-palette[hidden]{display:none}.command-palette{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding-top:min(16vh,150px)}.command-backdrop{position:absolute;inset:0;border:0;background:rgba(2,10,18,.55);backdrop-filter:blur(8px)}.command-dialog{position:relative;width:min(92vw,610px);border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:0 35px 100px rgba(0,0,0,.36);overflow:hidden;animation:commandIn .28s var(--ease)}@keyframes commandIn{from{opacity:0;transform:translateY(-15px) scale(.97)}to{opacity:1;transform:none}}.command-search{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.command-search svg{color:var(--muted)}.command-search input{border:0;box-shadow:none!important;background:transparent;min-height:40px;padding:0;font-size:.85rem}.command-results{padding:8px;max-height:380px;overflow:auto}.command-results>a{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:11px;border-radius:13px;color:var(--text);transition:.18s ease}.command-results>a:hover,.command-results>a.command-active{background:var(--surface-3)}.command-results>a>svg{width:38px;height:38px;padding:10px;border-radius:11px;background:rgba(var(--primary-rgb),.09);color:var(--primary)}.command-results>a>span{display:grid}.command-results strong{font-size:.72rem}.command-results small{font-size:.61rem;margin-top:2px}

[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease),transform .55s var(--ease);transition-delay:var(--delay,0ms)}[data-reveal].is-visible{opacity:1;transform:none}

/* Existing module refresh */
.toolbar,.filter-bar,.search-form,.import-form{gap:10px}.toolbar,.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow-sm)}
.table-wrap{border-radius:16px}.table-wrap table:not(.modern-table){border:1px solid var(--border);border-radius:16px;overflow:hidden}.table-wrap table:not(.modern-table) th{background:var(--surface-2)}.table-wrap table:not(.modern-table) td{background:var(--surface)}
.plan-card{border-radius:20px}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.plan-card.featured{box-shadow:0 18px 50px rgba(var(--primary-rgb),.13)}
.notice{border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border))}
.inbox-shell{border-radius:22px;box-shadow:var(--shadow);border-color:var(--border)}.conversation-list,.chat-panel{background:var(--surface)}.conversation-item{transition:.18s ease}.conversation-item:hover{background:var(--surface-3)}
.embedded-hero-card{box-shadow:var(--shadow-lg)}.embedded-action-card{border-radius:24px}.meta-readiness-grid article{background:var(--surface-2)}
.smtp-main-card,.smtp-side .card{border-radius:22px}

html[data-theme="dark"] .topbar{background:rgba(10,24,37,.84)}
html[data-theme="dark"] .button.secondary,html[data-theme="dark"] .topbar-icon,html[data-theme="dark"] .top-profile{color:var(--text)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{color-scheme:dark}
html[data-theme="dark"] .live-message{color:#233443}
html[data-theme="dark"] .badge.success{background:#12382b;color:#70e1ab}html[data-theme="dark"] .badge.warning{background:#3d2e10;color:#f5ca69}html[data-theme="dark"] .badge.danger{background:#411d1d;color:#ff9993}
html[data-theme="dark"] .tone-blue{--tone-soft:#102b43}html[data-theme="dark"] .tone-cyan{--tone-soft:#0d303b}html[data-theme="dark"] .tone-violet{--tone-soft:#292442}html[data-theme="dark"] .tone-green{--tone-soft:#12362a}html[data-theme="dark"] .tone-amber{--tone-soft:#3a2d13}html[data-theme="dark"] .tone-pink{--tone-soft:#3d2030}html[data-theme="dark"] .tone-indigo{--tone-soft:#202b48}html[data-theme="dark"] .tone-red{--tone-soft:#3d2322}

@media(max-width:1200px){
  .dashboard-hero{grid-template-columns:1fr minmax(300px,.7fr);padding:34px}.premium-dashboard-grid{grid-template-columns:1fr}.health-card{min-height:auto}.health-ring{margin-top:3px}.client-dashboard-grid{grid-template-columns:1fr 1fr}.search-trigger{min-width:44px;padding:0}.search-trigger span,.search-trigger kbd{display:none}
}
@media(max-width:1000px){
  .app-shell{grid-template-columns:1fr}.sidebar{left:0;transform:translateX(-102%);z-index:60}.sidebar-open .sidebar{transform:none}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;border:0;background:rgba(2,9,16,.52);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.28s ease}.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.mobile-menu-button{display:inline-flex}.topbar{padding:0 20px}.content{padding:22px 20px}.dashboard-hero{grid-template-columns:1fr}.hero-visual-card,.whatsapp-live-card{max-width:560px}.client-dashboard-grid{grid-template-columns:1fr}.top-profile>span:last-child{display:none}.top-profile{padding-right:5px}
}
@media(max-width:680px){
  :root{--radius:17px;--radius-lg:22px}.topbar{height:70px;padding:0 13px}.page-context strong{font-size:.84rem}.page-kicker{font-size:.52rem}.topbar-actions{gap:7px}.topbar-icon{min-width:38px;height:38px;border-radius:12px}.notification-button{display:none}.content{padding:14px 13px}.dashboard-hero{padding:25px 20px;min-height:auto;margin-bottom:21px}.dashboard-hero h1{font-size:2.25rem}.dashboard-hero p{font-size:.78rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-visual-card,.whatsapp-live-card{padding:15px}.section-heading{align-items:flex-start}.section-heading>.text-link,.live-chip{display:none}.premium-stats{grid-template-columns:1fr 1fr!important;gap:10px}.premium-stat{min-height:146px;padding:15px}.premium-stat>strong{font-size:1.25rem}.premium-stat>strong.text-value{font-size:.88rem}.premium-stat>small{font-size:.54rem}.stat-card-top{margin-bottom:13px}.premium-stat .stat-icon{width:38px;height:38px}.premium-dashboard-grid{gap:13px}.card{padding:18px}.table-card{padding:0}.table-card .premium-card-head{padding:18px}.health-ring,.template-score-ring{width:120px;height:120px}.dashboard-footer{display:grid;text-align:center}.command-palette{padding-top:10vh}.command-dialog{border-radius:18px}.sidebar{width:min(87vw,285px)}
}
@media(max-width:430px){
  .premium-stats{grid-template-columns:1fr!important}.premium-stat{min-height:140px}.dashboard-hero h1{font-size:2rem}.topbar-actions .top-profile{display:none}.dashboard-hero:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}
}
.top-profile-wrap{position:relative}.top-profile-menu{position:absolute;right:0;top:52px;width:245px;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:popoverIn .22s var(--ease);z-index:40}.top-profile-menu>div{display:grid;padding:11px}.top-profile-menu>div strong{font-size:.75rem}.top-profile-menu>div small{font-size:.61rem;margin-top:3px;word-break:break-all}.top-profile-menu form{margin:0}.top-profile-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:11px;padding:10px;background:var(--surface-3);color:var(--text);cursor:pointer;font-weight:700;font-size:.7rem}.top-profile-menu button:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface-3))}.top-profile-menu svg{width:16px}

/* v2.4 authentication polish */
.auth-modern-shell{background:var(--surface);position:relative;overflow:hidden}.auth-showcase{background:radial-gradient(circle at 76% 16%,rgba(25,185,242,.32),transparent 26%),radial-gradient(circle at 15% 84%,rgba(111,106,248,.2),transparent 28%),linear-gradient(145deg,#020a12,#06213a 58%,#07375d)}.auth-showcase:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(255,255,255,.08);right:-115px;bottom:-100px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018);animation:authOrbit 12s linear infinite}.auth-showcase-copy,.auth-chat-preview,.auth-metrics{animation:authContentIn .8s var(--ease) both}.auth-chat-preview{animation-delay:.1s;box-shadow:0 24px 70px rgba(0,0,0,.22)}.auth-metrics{animation-delay:.18s}.auth-form-side{position:relative;background:radial-gradient(circle at 100% 0,rgba(25,185,242,.08),transparent 28%),linear-gradient(180deg,#fff,#f7fbfe)}.auth-form-side:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(8,120,209,.07) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to bottom,black,transparent 65%);pointer-events:none}.auth-form-side>*{position:relative}.auth-modern-card{padding:34px;border:1px solid #e2ebf2;border-radius:25px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:0 30px 85px rgba(17,48,75,.12);animation:authCardIn .65s var(--ease) both}.auth-modern-card input,.auth-modern-card select,.auth-modern-card textarea{background:#fff}.login-heading h2{font-size:2.2rem}.auth-modern-card .button.primary{min-height:48px}.auth-chat-preview .preview-message{animation:messagePop .55s var(--ease) both}.auth-chat-preview .preview-message:nth-child(2){animation-delay:.3s}.auth-chat-preview .preview-message:nth-child(3){animation-delay:.55s}.auth-chat-preview .preview-message:nth-child(4){animation-delay:.8s}@keyframes authOrbit{to{transform:rotate(360deg)}}@keyframes authContentIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes authCardIn{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes messagePop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:900px){.auth-modern-card{padding:30px}.auth-form-side{background:radial-gradient(circle at 100% 0,rgba(25,185,242,.1),transparent 30%),linear-gradient(180deg,#fff,#f7fbfe)}}
@media(max-width:680px){.auth-modern-card{padding:24px 19px;border-radius:20px}.login-heading h2{font-size:1.8rem}}
.sidebar nav a.nav-item .nav-icon{width:36px;text-align:center}.sidebar nav a.nav-item .nav-text{width:auto;text-align:left}.sidebar nav a.nav-item .nav-arrow{width:auto;text-align:center}

/* v2.5 multi-client agency, documents and developer tools */
.agency-workspace .sidebar{background:linear-gradient(180deg,#06192c 0%,#071425 55%,#06101d 100%)}
.agency-workspace .sidebar::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 12%,rgba(14,165,233,.16),transparent 28%),radial-gradient(circle at 82% 76%,rgba(59,130,246,.12),transparent 32%);pointer-events:none}
.secret-reveal{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.secret-reveal code{display:block;max-width:100%;overflow:auto;padding:10px 14px;border-radius:12px;background:rgba(3,18,31,.92);color:#bdeaff;font-weight:700;letter-spacing:.02em;user-select:all}
.api-example{display:grid;gap:7px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--soft-bg,#f7fbff)}
.api-example small{font-weight:700;color:var(--muted)}
.api-example code{display:block;overflow:auto;padding:10px 12px;border-radius:10px;background:#071827;color:#c9f0ff;user-select:all}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px}
.check-card{display:flex!important;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);font-size:.83rem}
.check-card input{width:auto!important;margin:0}
.break-all{word-break:break-all}
.compact-form{min-width:220px;gap:7px!important}
.compact-form select,.compact-form input{min-height:36px;padding:7px 9px}
.card .alert-info a{font-weight:800}
@media(max-width:720px){.check-grid{grid-template-columns:1fr}.secret-reveal{align-items:flex-start}.secret-reveal code{width:100%}}
.integration-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--card)),var(--card))}
.integration-note strong{white-space:nowrap;color:var(--primary)}
.integration-note span{color:var(--muted);line-height:1.65}
.feature-locked{position:relative;overflow:hidden}
.feature-locked:after{content:"Package controlled";position:absolute;top:14px;right:-36px;transform:rotate(35deg);padding:5px 42px;background:rgba(245,158,11,.14);color:#a16207;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:720px){.integration-note{flex-direction:column}.integration-note strong{white-space:normal}}

/* =========================================================
   v2.6.1 — Razorpay wallet and service billing
   ========================================================= */
.wallet-topbar-chip{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 12px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));color:var(--text);box-shadow:var(--shadow-sm);transition:.22s var(--ease)}
.wallet-topbar-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--border));box-shadow:0 14px 30px rgba(var(--primary-rgb),.12)}
.wallet-topbar-chip>svg{width:19px;color:var(--primary)}.wallet-topbar-chip>span{display:grid}.wallet-topbar-chip small{font-size:.55rem;line-height:1;text-transform:uppercase;letter-spacing:.1em}.wallet-topbar-chip strong{font-size:.73rem;margin-top:4px;white-space:nowrap}
.billing-settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:22px;align-items:start}.payment-settings-card{margin:0}.gateway-mode-badge{padding:7px 10px!important;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)!important;font-weight:900;letter-spacing:.1em}.credentials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.credential-panel{display:grid;gap:12px;padding:17px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.credential-panel.live{background:linear-gradient(145deg,color-mix(in srgb,#24a167 7%,var(--surface)),var(--surface))}.credential-panel>div{display:flex;align-items:center;gap:9px}.credential-panel>div span{font-size:.59rem;padding:5px 7px;border-radius:7px;background:#dceeff;color:#075e9d;font-weight:900;letter-spacing:.1em}.credential-panel.live>div span{background:#dff5e8;color:#157347}.inline-check{display:flex!important;align-items:center;gap:8px;font-size:.72rem!important;font-weight:700!important;color:var(--muted)}.inline-check input{width:auto}.webhook-url-box{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.webhook-url-box>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center}.webhook-url-box svg{width:19px}.webhook-url-box div{display:grid;min-width:0}.webhook-url-box small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.webhook-url-box code{overflow:auto;font-size:.75rem;color:var(--text);padding-top:4px}.billing-security-card{position:sticky;top:94px;overflow:hidden;background:radial-gradient(circle at 90% 5%,rgba(25,185,242,.18),transparent 32%),linear-gradient(145deg,#061524,#0b2c49);color:#fff;border-color:rgba(255,255,255,.08)}.billing-security-card p{color:#afc6d8}.security-orbit{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);margin-bottom:20px;box-shadow:0 0 0 12px rgba(25,185,242,.04)}.security-orbit svg{width:31px;color:#6ee0ff}.security-list{display:grid;gap:14px;padding:0;margin:22px 0;list-style:none}.security-list li{display:grid;grid-template-columns:25px 1fr;gap:11px}.security-list li>svg{width:20px;color:#56d9a0}.security-list strong,.security-list small{display:block}.security-list strong{font-size:.78rem}.security-list small{font-size:.68rem;color:#91aabd;margin-top:3px;line-height:1.45}.billing-security-card .button.secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.13)}
.wallet-admin-stats .premium-stat>strong{font-size:1.22rem}.wallet-table-balance{font-size:.86rem;color:var(--primary)}.wallet-adjust-form{display:grid;grid-template-columns:82px 110px minmax(150px,1fr) auto;gap:7px;align-items:center;min-width:470px}.wallet-adjust-form select,.wallet-adjust-form input{min-height:35px;padding:7px 9px;font-size:.7rem}.money.credit{color:#138a57}.money.debit{color:#d14538}
.service-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.65fr);gap:22px;align-items:start}.service-admin-grid>.card{margin:0}.service-how-card{position:sticky;top:94px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.service-how-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 16px 35px rgba(var(--primary-rgb),.22);margin-bottom:18px}.service-how-icon svg{width:27px}.process-steps{display:grid;gap:9px;margin-top:20px}.process-steps span{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--surface-2);font-size:.75rem;font-weight:750}.process-steps i{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:var(--primary);color:#fff;font-style:normal}.table-subcopy{display:block;max-width:420px;margin-top:4px;font-size:.66rem}.inline-editor{position:relative}.inline-editor summary{list-style:none}.inline-editor summary::-webkit-details-marker{display:none}.inline-editor[open]>summary{margin-bottom:10px}.inline-service-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:7px;width:min(560px,72vw);padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);box-shadow:var(--shadow)}.inline-service-form input,.inline-service-form select,.inline-service-form textarea{font-size:.7rem;padding:8px}.inline-service-form textarea{grid-column:1/-1}.inline-service-actions{grid-column:1/-1;display:flex;gap:7px;align-items:center}
.wallet-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:28px;align-items:center;min-height:300px;margin-bottom:22px;padding:38px 42px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(25,185,242,.3),transparent 27%),radial-gradient(circle at 12% 90%,rgba(111,106,248,.19),transparent 29%),linear-gradient(135deg,#03101c,#082c4a 60%,#0a4773);color:#fff;box-shadow:0 30px 85px rgba(3,29,51,.2)}.wallet-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,black,transparent 75%);opacity:.25}.wallet-hero>*{position:relative;z-index:1}.wallet-hero h1{font-size:clamp(2.6rem,6vw,5.2rem);letter-spacing:-.06em;margin:14px 0 7px}.wallet-hero p{max-width:620px;color:#b5ccdd;margin:0}.wallet-status-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.wallet-status-row span{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.68rem;font-weight:800}.wallet-status-row i{width:8px;height:8px;border-radius:50%;background:#43d99b;box-shadow:0 0 0 4px rgba(67,217,155,.14)}.wallet-card-visual{position:relative;min-height:190px;padding:24px;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.22);transform:rotate(2deg);display:flex;flex-direction:column}.wallet-card-visual:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:linear-gradient(135deg,rgba(25,185,242,.35),rgba(111,106,248,.2));right:-55px;bottom:-75px}.wallet-card-shine{position:absolute;width:180%;height:70px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(-25deg);left:-50%;top:0;animation:walletShine 5s ease-in-out infinite}.wallet-card-visual>span{font-size:.7rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.wallet-card-visual>strong{font-size:1.1rem;margin-top:25px;letter-spacing:.08em}.wallet-card-visual>small{color:#c2d8e8;margin-top:8px;letter-spacing:.24em}.wallet-card-visual>div:last-child{display:flex;justify-content:space-between;align-items:end;margin-top:auto}.wallet-card-visual b{font-size:1.25rem}.wallet-card-visual em{font-size:.62rem;color:#b4ccdd;font-style:normal}@keyframes walletShine{0%,55%{transform:translateX(-55%) rotate(-25deg)}85%,100%{transform:translateX(55%) rotate(-25deg)}}
.wallet-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}.wallet-main-grid>.card{margin:0}.razorpay-mark{padding:7px 10px;border-radius:10px;background:#e7f0ff;color:#3156a3;font-weight:900;font-size:.68rem;letter-spacing:.04em}.topup-presets{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.topup-presets button{border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);padding:9px 13px;font-size:.75rem;font-weight:800;cursor:pointer;transition:.2s}.topup-presets button:hover,.topup-presets button.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);transform:translateY(-2px)}.topup-amount-label{margin:12px 0 17px}.money-input{position:relative}.money-input>span{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.35rem;font-weight:900;color:var(--primary)}.money-input input{min-height:62px;padding-left:43px;font-size:1.55rem;font-weight:900;letter-spacing:-.03em}.topup-amount-label>small{font-size:.67rem;margin-top:2px}.wallet-pay-button{min-height:50px}.wallet-payment-status{margin-top:13px;padding:11px 13px;border-radius:11px;background:#edf7ff;color:#075e9d;font-size:.75rem;font-weight:750}.wallet-payment-status.success{background:#e8f8ef;color:#18794e}.wallet-payment-status.error{background:#fff0ef;color:#b42318}.wallet-trust-row{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid var(--border)}.wallet-trust-row span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.62rem;font-weight:750}.wallet-trust-row svg{width:14px;color:var(--primary)}.wallet-summary-card{background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}.wallet-summary-numbers{display:grid;gap:10px;margin-top:18px}.wallet-summary-numbers>div{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:13px;background:var(--surface);border:1px solid var(--border)}.wallet-summary-numbers span{font-size:.7rem;color:var(--muted)}.wallet-summary-numbers strong{font-size:.9rem}.wallet-security-note{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;margin-top:16px;padding:13px;border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border))}.wallet-security-note>svg{width:23px;color:var(--primary)}.wallet-security-note strong,.wallet-security-note small{display:block}.wallet-security-note strong{font-size:.73rem}.wallet-security-note small{font-size:.63rem;margin-top:3px}.service-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.service-market-card{position:relative;display:flex;flex-direction:column;min-height:330px;padding:21px;border:1px solid var(--border);border-radius:21px;background:linear-gradient(155deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm);transition:.28s var(--ease);animation:revealIn .55s var(--ease) both;animation-delay:var(--delay)}.service-market-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary) 33%,var(--border));box-shadow:0 22px 55px rgba(var(--primary-rgb),.11)}.service-market-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;margin-bottom:14px;box-shadow:0 13px 27px rgba(var(--primary-rgb),.18)}.service-market-icon svg{width:23px}.service-market-card .soft-chip{align-self:flex-start}.service-market-card h3{font-size:1rem;margin:15px 0 7px}.service-market-card p{font-size:.73rem;color:var(--muted);margin:0 0 18px}.service-market-price{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.service-market-price small{font-size:.64rem}.service-market-price strong{font-size:1rem}.service-purchase-form{display:grid;grid-template-columns:75px 1fr;gap:9px;margin-top:13px}.service-purchase-form label{font-size:.61rem}.service-purchase-form input{padding:8px}.service-purchase-form .button{align-self:end}.wallet-history-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr)}.service-order-list{display:grid}.service-order-list>div{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.service-order-icon{width:34px;height:34px;border-radius:11px;background:#e8f8ef;color:#18794e;display:grid;place-items:center}.service-order-icon svg{width:17px}.service-order-list strong,.service-order-list small{display:block}.service-order-list strong{font-size:.72rem}.service-order-list small{font-size:.62rem;margin-top:3px}.service-order-list b{font-size:.73rem}
html[data-theme="dark"] .razorpay-mark{background:#13294a;color:#a9c9ff}html[data-theme="dark"] .credential-panel>div span{background:#102d49;color:#8dd6ff}html[data-theme="dark"] .credential-panel.live>div span{background:#12382b;color:#70e1ab}html[data-theme="dark"] .money.credit{color:#70e1ab}html[data-theme="dark"] .money.debit{color:#ff9993}
@media(max-width:1180px){.service-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-settings-grid,.service-admin-grid{grid-template-columns:1fr}.billing-security-card,.service-how-card{position:static}.wallet-main-grid{grid-template-columns:1fr 1fr}.wallet-hero{grid-template-columns:1fr minmax(280px,.55fr)}}
@media(max-width:900px){.wallet-hero{grid-template-columns:1fr}.wallet-card-visual{max-width:520px}.wallet-main-grid,.wallet-history-grid{grid-template-columns:1fr}.credentials-grid{grid-template-columns:1fr}.wallet-topbar-chip{display:none}}
@media(max-width:680px){.wallet-hero{padding:27px 20px;border-radius:22px}.wallet-hero h1{font-size:2.65rem}.wallet-card-visual{min-height:170px}.service-market-grid{grid-template-columns:1fr}.billing-settings-grid,.service-admin-grid{gap:15px}.webhook-url-box{grid-template-columns:38px 1fr}.webhook-url-box .button{grid-column:2;justify-self:start}.wallet-adjust-form{grid-template-columns:1fr;min-width:230px}.inline-service-form{grid-template-columns:1fr;width:80vw}.inline-service-form textarea,.inline-service-actions{grid-column:auto}.wallet-trust-row{display:grid}.wallet-admin-stats{grid-template-columns:1fr!important}}
.service-row-actions{display:flex;align-items:flex-start;gap:7px}.service-row-actions>.inline-form{margin:0}.inline-service-actions{grid-column:1/-1;display:flex;gap:7px}

/* =========================================================
   v2.7.0 — Unified Ads Web Lab color system + activity UI
   ========================================================= */
:root{
  --primary:#0878d1;
  --primary-2:#045ea8;
  --accent:#17b9f2;
  --accent-2:#63ddff;
  --brand-navy:#051524;
  --brand-navy-2:#09243d;
  --bg:#f3f8fc;
  --surface:#ffffff;
  --surface-2:#f7fbff;
  --surface-3:#edf6fd;
  --text:#0e1f31;
  --muted:#64778b;
  --border:#dce9f3;
  --success:#15875a;
  --warning:#b86b00;
  --danger:#c33227;
  --shadow:0 18px 50px rgba(5,35,68,.09);
  --focus-ring:0 0 0 4px rgba(8,120,209,.16)
}
html[data-theme=dark]{
  --bg:#06111f;
  --surface:#0b1a2a;
  --surface-2:#0f2336;
  --surface-3:#112b43;
  --text:#eef8ff;
  --muted:#9fb5c8;
  --border:rgba(167,211,245,.14);
  --shadow:0 22px 70px rgba(0,0,0,.34)
}
body.dashboard-body{background:radial-gradient(circle at 4% 0,rgba(25,185,242,.14),transparent 28%),radial-gradient(circle at 90% 12%,rgba(8,120,209,.16),transparent 24%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#04111f 0%,#06213a 52%,#071827 100%)!important;border-right:1px solid rgba(138,223,255,.14);box-shadow:18px 0 60px rgba(4,17,31,.16)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 0,rgba(25,185,242,.16),transparent 32%);pointer-events:none}.sidebar>*{position:relative;z-index:1}
.sidebar nav a,.nav-item{color:#b9d2e8!important;border:1px solid transparent}.sidebar nav a:hover,.nav-item:hover{background:rgba(25,185,242,.08)!important;border-color:rgba(25,185,242,.13);color:#fff!important;transform:translateX(2px)}
.sidebar nav a.active,.nav-item.active{background:linear-gradient(90deg,rgba(8,120,209,.34),rgba(25,185,242,.12))!important;border-color:rgba(25,185,242,.24);box-shadow:inset 3px 0 0 var(--accent),0 12px 28px rgba(8,120,209,.12);color:#fff!important}
.nav-label{color:#72a8ca!important}.sidebar-footer{border-top-color:rgba(138,223,255,.14)!important}.sidebar-support{background:linear-gradient(135deg,rgba(8,120,209,.18),rgba(25,185,242,.08));border:1px solid rgba(138,223,255,.15)}
.topbar{background:rgba(255,255,255,.82);border-bottom:1px solid var(--border);box-shadow:0 10px 34px rgba(5,35,68,.045)}html[data-theme=dark] .topbar{background:rgba(7,19,32,.84)}
.card,.stat-card,.plan-card{border-color:var(--border);box-shadow:var(--shadow)}
.button.primary{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 12px 24px rgba(8,120,209,.2)}.button.primary:hover{filter:saturate(1.08);transform:translateY(-1px)}.button.secondary{background:var(--surface-3);color:var(--text)}.button.glass{border:1px solid rgba(138,223,255,.18)}
input:focus,select:focus,textarea:focus{box-shadow:var(--focus-ring);border-color:var(--primary)}
.premium-stat{overflow:hidden}.premium-stat:after{content:"";position:absolute;right:-34px;top:-34px;width:86px;height:86px;border-radius:50%;background:rgba(8,120,209,.075)}
.premium-stat .stat-icon{background:linear-gradient(135deg,rgba(8,120,209,.14),rgba(25,185,242,.14));color:var(--primary)}
.tone-green .stat-icon{background:rgba(21,135,90,.13);color:var(--success)}.tone-red .stat-icon{background:rgba(195,50,39,.12);color:var(--danger)}.tone-amber .stat-icon{background:rgba(184,107,0,.13);color:var(--warning)}.tone-cyan .stat-icon{background:rgba(23,185,242,.13);color:#0584bd}.tone-violet .stat-icon,.tone-indigo .stat-icon{background:rgba(8,120,209,.12);color:var(--primary)}.tone-pink .stat-icon{background:rgba(25,185,242,.13);color:#0878d1}
.badge.success,.activity-event-pill.ok{background:#e8f8ef;color:#15875a}.badge.warning{background:#fff6e5;color:#b86b00}.badge.danger,.activity-event-pill.failed{background:#fff0ef;color:#c33227}
.profile-security-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-bottom:1px solid var(--border)}.profile-security-mini span{display:grid;gap:2px;padding:9px;border-radius:12px;background:var(--surface-2);min-width:0}.profile-security-mini svg{width:16px;height:16px;color:var(--primary)}.profile-security-mini small{font-size:.68rem}.profile-security-mini strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.profile-popover a.profile-menu-action{text-decoration:none;color:var(--text)}
.activity-hero{background:radial-gradient(circle at 80% 5%,rgba(99,221,255,.28),transparent 26%),linear-gradient(135deg,#04111f,#06365d 72%,#0878d1);color:#fff;border:0;overflow:hidden}.activity-hero p{color:#c6dfef}.activity-device-card{position:relative;min-height:255px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;text-align:center;padding:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 80px rgba(0,0,0,.22);overflow:hidden}.device-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(25,185,242,.28);filter:blur(45px)}.device-screen-bar{position:absolute;top:22px;width:74px;height:8px;border-radius:99px;background:rgba(255,255,255,.22)}.device-lock{position:relative;width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 18px 45px rgba(0,0,0,.24);margin-bottom:14px}.device-lock svg{width:42px;height:42px}.activity-device-card strong,.activity-device-card small{position:relative;z-index:1;display:block}.activity-device-card small{color:#b8d7ea;margin-top:5px}.activity-stat-grid{margin-top:22px}.activity-filter-card{margin-top:20px}.activity-filter{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(170px,.7fr) minmax(150px,.55fr) auto;gap:14px;align-items:end}.activity-filter-actions{display:flex;gap:8px}.activity-table td{vertical-align:middle}.activity-event-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:850;white-space:nowrap}.activity-event-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}.device-chip{display:inline-flex;align-items:center;gap:8px;min-width:210px}.device-chip b{width:24px;height:24px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:var(--primary)}.device-chip svg{width:14px;height:14px}.ip-code{display:inline-block;padding:6px 9px;border-radius:9px;background:var(--surface-3);color:var(--primary-2);font-size:.78rem}.table-identity.compact .table-avatar{width:34px;height:34px}.activity-log-card{overflow:hidden}
html[data-theme=dark] .ip-code,html[data-theme=dark] .device-chip b{background:#102a43;color:#8adfff}html[data-theme=dark] .activity-filter-card input,html[data-theme=dark] .activity-filter-card select{background:#0d2033;color:#eef8ff;border-color:rgba(167,211,245,.16)}
@media(max-width:1050px){.activity-filter{grid-template-columns:1fr 1fr}.activity-filter-actions{align-self:stretch}.activity-filter-actions .button{flex:1}.activity-device-card{min-height:210px}}
@media(max-width:700px){.activity-filter{grid-template-columns:1fr}.activity-filter-actions{display:grid}.activity-hero{padding:26px 20px}.device-chip{min-width:auto}.profile-security-mini{grid-template-columns:1fr}}

/* v2.8.0 Premium CMS + legal-page polish */
:root{
  --surface-2:#f7fbff;--surface-3:#eef6ff;--accent:#19b9f2;--primary-rgb:8,120,209;
  --shadow-sm:0 8px 24px rgba(7,22,38,.07);--shadow-lg:0 28px 90px rgba(7,22,38,.16);--ease:cubic-bezier(.2,.8,.2,1)
}
html[data-theme="dark"]{--bg:#07111e;--surface:#0d1b2a;--surface-2:#102235;--surface-3:#132b42;--text:#eef7ff;--muted:#a8bbcc;--border:#1e3a52;--shadow:0 18px 50px rgba(0,0,0,.28);--shadow-sm:0 8px 24px rgba(0,0,0,.22);--shadow-lg:0 28px 90px rgba(0,0,0,.38)}
body.dashboard-body{background:radial-gradient(circle at 10% 0%,rgba(25,185,242,.14),transparent 32%),radial-gradient(circle at 90% 15%,rgba(8,120,209,.12),transparent 31%),var(--bg)}
.sidebar{background:linear-gradient(180deg,#06111f 0%,#071a2d 55%,#04101d 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:16px 0 50px rgba(3,12,23,.18)}
.nav-item{position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,185,242,.18),transparent);opacity:0;transition:.25s var(--ease)}.nav-item:hover:before,.nav-item.active:before{opacity:1}.nav-item.active{background:rgba(255,255,255,.1)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.button.shiny,.button.primary{position:relative;overflow:hidden;gap:8px}.button.shiny:after,.button.primary:after{content:"";position:absolute;top:-60%;bottom:-60%;width:35px;left:-50px;transform:rotate(22deg);background:rgba(255,255,255,.32);transition:.55s var(--ease)}.button.shiny:hover:after,.button.primary:hover:after{left:calc(100% + 50px)}
.card{background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--surface-2)));border-color:color-mix(in srgb,var(--border) 82%,var(--primary));box-shadow:var(--shadow-sm)}
.premium-hero,.cms-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px;border-radius:28px;background:linear-gradient(135deg,#071a2d 0%,#08365f 52%,#0878d1 100%);color:#fff;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:24px}.premium-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:rgba(25,185,242,.28);filter:blur(4px);animation:floatGlow 7s ease-in-out infinite}.premium-hero:after{content:"";position:absolute;left:35%;bottom:-90px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(2px);animation:floatGlow 9s ease-in-out infinite reverse}.premium-hero>*{position:relative}.premium-hero h1{font-size:clamp(1.55rem,3vw,2.45rem);letter-spacing:-.055em}.premium-hero p{max-width:760px;color:#d9efff;margin:.4rem 0 0}.premium-hero .section-kicker{color:#7ee4ff}.premium-hero .button.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}@keyframes floatGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,12px,0) scale(1.06)}}
.cms-toolbar{padding:16px}.cms-search-form{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end}.cms-search-form label span{font-size:.75rem;color:var(--muted)}
.cms-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.span-all{grid-column:1/-1}.cms-page-card{display:grid;grid-template-columns:52px 1fr;gap:16px;position:relative;overflow:hidden;margin:0;transition:.25s var(--ease)}.cms-page-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.cms-page-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),transparent 45%);opacity:.9}.cms-page-card>*{position:relative}.cms-page-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px rgba(var(--primary-rgb),.2)}.cms-page-icon svg{width:24px}.cms-page-main p{margin:.4rem 0;color:var(--muted);font-size:.88rem}.cms-card-headline{display:flex;align-items:center;justify-content:space-between;gap:10px}.cms-card-headline strong{font-size:1rem}.cms-page-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.cms-page-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:var(--surface-3);font-size:.72rem;color:var(--muted)}.cms-page-meta svg{width:13px}.cms-card-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;align-items:center}.cms-card-actions form{margin:0}.badge.info{background:#e7f4ff;color:#0878d1}.badge.success{background:#e6f8ef;color:#159b67}.badge.warning{background:#fff3dc;color:#a66c00}
.cms-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.cms-editor-main{margin:0}.cms-editor-side{display:grid;gap:18px;align-content:start}.cms-content-box{min-height:440px;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.seo-card{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.alert-error{background:#fff0ee;color:#b42318;border:1px solid #ffd6d1}
.public-site{background:#f6fbff;color:#081827}.public-nav{background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,120,209,.1);box-shadow:0 14px 44px rgba(7,24,39,.07)}.public-nav nav a{font-weight:750}.public-footer{background:linear-gradient(135deg,#06111f,#082b4b);color:#cfeaff}.public-footer a{color:#fff}.legal-premium-page{background:radial-gradient(circle at 10% 10%,rgba(25,185,242,.18),transparent 28%),linear-gradient(180deg,#f6fbff 0%,#fff 42%);min-height:70vh}.legal-hero{position:relative;padding:92px 24px 56px;overflow:hidden}.legal-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#06111f 0%,#07345c 60%,#0878d1 100%);clip-path:ellipse(86% 78% at 50% 0%)}.legal-hero-bg:after{content:"";position:absolute;right:8%;top:12%;width:280px;height:280px;border-radius:50%;background:rgba(25,185,242,.2);filter:blur(1px);animation:floatGlow 8s ease-in-out infinite}.legal-hero-content{position:relative;max-width:1040px;margin:0 auto;color:#fff}.legal-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:.72rem;font-weight:850;color:#94ebff}.legal-hero h1{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.065em;margin-top:18px}.legal-hero p{max-width:790px;color:#d5efff;font-size:1.05rem}.legal-meta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.legal-meta-row span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:.75rem}.legal-shell{max-width:1120px;margin:-20px auto 70px;padding:0 24px;display:grid;grid-template-columns:260px 1fr;gap:22px;position:relative}.legal-side-card,.legal-content-card{background:#fff;border:1px solid #e3eef8;border-radius:26px;box-shadow:0 18px 55px rgba(8,31,51,.08)}.legal-side-card{padding:18px;height:max-content;position:sticky;top:90px}.legal-side-card strong{display:block;margin-bottom:10px}.legal-side-card a{display:block;padding:11px 12px;border-radius:14px;color:#24455e;font-weight:720}.legal-side-card a:hover{background:#eef8ff;color:var(--primary)}.legal-content-card{padding:clamp(24px,4vw,44px)}.legal-content-card h2{font-size:1.35rem;margin:1.7rem 0 .6rem;color:#071a2d}.legal-content-card h2:first-child{margin-top:0}.legal-content-card p{font-size:1rem;color:#34485b;line-height:1.85;margin:0 0 1.15rem}.legal-content-card p:first-letter{ }
@media (max-width:1100px){.cms-editor-grid{grid-template-columns:1fr}.cms-page-grid{grid-template-columns:1fr}.legal-shell{grid-template-columns:1fr}.legal-side-card{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.legal-side-card strong{grid-column:1/-1}}
@media (max-width:720px){.premium-hero,.cms-hero{display:grid;padding:22px}.cms-search-form{grid-template-columns:1fr}.cms-card-actions{justify-content:flex-start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.legal-hero{padding:74px 18px 42px}.legal-shell{padding:0 16px;margin-top:-10px}.legal-content-card{border-radius:22px}.legal-side-card{grid-template-columns:1fr}.public-nav nav a:not(.button):not([href="/login"]){display:none}}
@media (prefers-reduced-motion:reduce){.premium-hero:before,.premium-hero:after,.legal-hero-bg:after{animation:none!important}.cms-page-card:hover{transform:none}}

/* v3.0.0 Meta requirements + live web polish */
.live-web-chip{background:linear-gradient(135deg,#05233d,#0878d1)!important;color:#fff!important;border-color:rgba(8,120,209,.28)!important;box-shadow:0 12px 28px rgba(8,120,209,.2)!important}.live-web-chip small{color:#bdefff!important}.live-web-chip svg{color:#7ee7ff}.compact-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.requirements-strip{margin:0 clamp(24px,6vw,88px) 0;padding:34px clamp(22px,4vw,46px);border:1px solid rgba(8,120,209,.13);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(39,194,246,.2),transparent 30%),linear-gradient(135deg,#ffffff,#eef8ff);box-shadow:0 24px 70px rgba(8,31,51,.08);display:flex;align-items:center;justify-content:space-between;gap:24px}.requirements-strip h2{font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.055em;margin:.55rem 0 .6rem;color:#061827}.requirements-strip p{max-width:760px;color:#4d6478;line-height:1.75;margin:0}.button.ghost{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#e8f9ff}.button.ghost:hover{background:rgba(255,255,255,.16)}.legal-content-card p{white-space:normal}.legal-content-card p br{line-height:2}.cms-hero .compact-actions{justify-content:flex-end}@media(max-width:900px){.requirements-strip{display:grid;margin:0 18px}.requirements-strip .button{justify-self:start}.cms-hero .compact-actions{justify-content:flex-start}}
html[data-theme="dark"] .requirements-strip{background:radial-gradient(circle at 0 0,rgba(39,194,246,.12),transparent 30%),linear-gradient(135deg,#071827,#0a2235);border-color:rgba(125,225,255,.13)}html[data-theme="dark"] .requirements-strip h2{color:#f0fbff}html[data-theme="dark"] .requirements-strip p{color:#a6bfd3}

/* v3.1.0 Meta Facebook Login setup helper */
.meta-oauth-setup{margin-top:22px;padding:22px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow-soft,0 12px 40px rgba(8,35,62,.08));position:relative;overflow:hidden}.meta-oauth-setup:before{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(25,185,242,.16),transparent 70%);pointer-events:none}.meta-oauth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;position:relative}.meta-oauth-head h2{margin:0;font-size:1.18rem;letter-spacing:-.03em}.meta-oauth-head p{margin:.35rem 0 0;color:var(--muted);font-size:.78rem}.oauth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;position:relative}.oauth-card{padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);display:grid;gap:12px;min-width:0}.oauth-card h3{margin:0;font-size:.92rem}.oauth-card p{margin:0;color:var(--muted);font-size:.72rem}.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:13px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border) 85%,transparent)}.copy-row span{min-width:0;display:grid;gap:4px}.copy-row small{color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.copy-row code,.oauth-card textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;white-space:nowrap;overflow:auto;color:var(--text)}.oauth-card textarea{width:100%;resize:vertical;border-radius:13px;background:var(--surface-2);border:1px solid var(--border);padding:11px;line-height:1.55;white-space:pre-wrap}.button.mini{min-height:34px;padding:7px 11px;font-size:.67rem}.meta-switch-board{margin-top:16px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--border)}.meta-switch-board h3{margin:0 0 12px;font-size:.95rem}.switch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.switch-list span{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:13px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:.72rem}.switch-list b{font-weight:750}.switch-list em{font-style:normal;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:999px;padding:4px 8px;font-size:.62rem;white-space:nowrap}@media(max-width:850px){.meta-oauth-head{display:grid}.oauth-grid,.switch-list{grid-template-columns:1fr}.copy-row{grid-template-columns:1fr}.copy-row .button{justify-self:start}}