/* SocialPost PRO v2.3.0 — Premium Experience */
:root{
  --premium-bg:#f5f6fa;--premium-surface:#ffffff;--premium-surface-2:#f9fafc;--premium-ink:#111521;--premium-muted:#727a8d;--premium-line:#e8eaf0;
  --premium-brand:#635bff;--premium-brand-2:#8b7cff;--premium-brand-soft:#f0efff;--premium-cyan:#27c4d7;--premium-green:#16a56a;--premium-gold:#e7a62d;
  --premium-shadow:0 18px 55px rgba(20,27,45,.08);--premium-shadow-lg:0 28px 90px rgba(19,25,43,.13);--premium-radius:22px;--premium-sidebar:252px;
}
*{scrollbar-width:thin;scrollbar-color:#cfd3df transparent}body{background:var(--premium-bg);color:var(--premium-ink);font-feature-settings:"cv02","cv03","cv04","cv11";text-rendering:optimizeLegibility}
body:not(.landing):not(.studio-body):not(.auth-premium-body){--bg:var(--premium-bg);--surface:var(--premium-surface);--text:var(--premium-ink);--muted:var(--premium-muted);--line:var(--premium-line);--brand:var(--premium-brand);--brand2:var(--premium-brand-2);--shadow:var(--premium-shadow)}
button,a,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(99,91,255,.18);outline-offset:2px}

/* Authenticated application shell */
.premium-app-shell{min-height:100vh;display:grid;grid-template-columns:var(--premium-sidebar) minmax(0,1fr);background:var(--premium-bg)}
.premium-sidebar{position:fixed;inset:0 auto 0 0;width:var(--premium-sidebar);z-index:60;display:flex;flex-direction:column;background:linear-gradient(180deg,#111522 0%,#151927 58%,#10131d 100%);color:#e7eaf2;border-right:1px solid rgba(255,255,255,.06);box-shadow:10px 0 40px rgba(12,16,27,.06)}
.premium-sidebar:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(99,91,255,.22),transparent 28%),radial-gradient(circle at 90% 90%,rgba(39,196,215,.08),transparent 30%)}
.premium-sidebar>*{position:relative}.premium-sidebar-head{height:76px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07)}
.premium-brand{display:inline-flex;align-items:center;gap:11px;color:inherit}.premium-brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7a72ff,#5a52ed);color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 24px rgba(99,91,255,.34)}
.premium-brand-copy{display:flex;align-items:baseline;gap:5px}.premium-brand-copy b{font-size:17px;letter-spacing:-.035em}.premium-brand-copy small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#a9a4ff}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#b8bfcc;font-size:24px}
.nav-context{margin:16px 14px 4px;padding:12px 13px;border-radius:14px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.055)}.context-dot{width:8px;height:8px;border-radius:50%;background:#65e6b4;box-shadow:0 0 0 5px rgba(101,230,180,.08)}.nav-context b,.nav-context small{display:block}.nav-context b{font-size:10px;color:#eef0f5}.nav-context small{font-size:8px;color:#7f899b;margin-top:2px}
.premium-nav{padding:12px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;flex:1}.nav-caption{padding:16px 10px 6px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:#60697c}.nav-link{min-height:42px;padding:8px 10px;border-radius:11px;display:flex;align-items:center;gap:10px;color:#9da5b4;font-size:11px;font-weight:750;position:relative}.nav-link i{font-style:normal;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;color:#c9ced8;background:rgba(255,255,255,.04);font-size:11px}.nav-link span{flex:1}.nav-link em{font-style:normal;font-size:7px;text-transform:uppercase;letter-spacing:.08em;background:rgba(99,91,255,.18);color:#b9b4ff;border:1px solid rgba(137,126,255,.2);padding:3px 5px;border-radius:999px}.nav-link:hover{background:rgba(255,255,255,.055);color:#f3f5f9;transform:translateX(1px)}.nav-link.active{background:linear-gradient(90deg,rgba(99,91,255,.22),rgba(99,91,255,.09));color:#fff}.nav-link.active:before{content:"";position:absolute;left:-10px;width:3px;height:20px;border-radius:0 4px 4px 0;background:#8c84ff}.nav-link.active i{background:rgba(99,91,255,.25);color:#fff}.nav-link.admin-entry{margin-top:8px;color:#c6c2ff;border:1px solid rgba(99,91,255,.13)}.nav-link.subtle{color:#858ea0}
.sidebar-bottom{padding:10px 12px 14px;border-top:1px solid rgba(255,255,255,.055)}.sidebar-help{padding:12px;border-radius:14px;display:flex;gap:10px;background:linear-gradient(135deg,rgba(99,91,255,.15),rgba(39,196,215,.06));border:1px solid rgba(124,115,255,.15)}.sidebar-help>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#635bff;color:#fff}.sidebar-help b,.sidebar-help small{display:block}.sidebar-help b{font-size:10px}.sidebar-help small{font-size:8px;line-height:1.45;color:#8d96a8;margin-top:3px}
.sidebar-scrim{display:none}.premium-stage{grid-column:2;min-width:0}.premium-topbar{height:76px;position:sticky;top:0;z-index:45;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(250,251,253,.86);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid rgba(221,225,234,.82)}
.topbar-left,.topbar-actions,.topbar-user{display:flex;align-items:center}.topbar-left{gap:14px}.topbar-actions{gap:9px}.premium-breadcrumb{display:grid;gap:2px}.premium-breadcrumb small{font-size:8px;letter-spacing:.15em;font-weight:900;color:#9aa1b0}.premium-breadcrumb strong{font-size:14px;letter-spacing:-.015em}.sidebar-trigger{display:none;border:0;background:transparent;width:36px;height:36px;padding:7px;border-radius:10px}.sidebar-trigger span{display:block;height:2px;margin:4px 0;border-radius:2px;background:#394052}.appearance-toggle,.logout-button{width:38px;height:38px;border-radius:11px;border:1px solid var(--premium-line);background:#fff;color:#626a7b;display:grid;place-items:center}.appearance-toggle{position:relative;cursor:pointer}.appearance-toggle .moon{display:none}.logout-button{font-size:15px}.topbar-user{padding:5px 8px 5px 5px;border:1px solid var(--premium-line);border-radius:13px;background:#fff;gap:9px}.user-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#171c2c,#31384c);color:#fff;font-size:9px;font-weight:900}.topbar-user b,.topbar-user small{display:block}.topbar-user b{font-size:10px}.topbar-user small{font-size:8px;color:#8991a1;margin-top:1px}.premium-main{min-height:calc(100vh - 76px);padding-bottom:30px}.premium-main>.shell{width:min(1280px,calc(100% - 56px))}

/* Global premium components */
.app-page{padding:30px 0 60px}.page-head{align-items:center;margin-bottom:22px}.page-head h1{font-size:clamp(28px,3vw,40px);font-weight:820;letter-spacing:-.045em;margin:5px 0 5px}.page-head p{font-size:12px;line-height:1.55}.eyebrow{color:var(--premium-brand);font-size:9px;letter-spacing:.18em}.panel,.stat,.price{background:rgba(255,255,255,.96);border:1px solid var(--premium-line);border-radius:20px;box-shadow:0 1px 2px rgba(18,25,41,.02)}.panel{padding:22px}.panel:hover{border-color:#dfe2eb}.panel h2{font-size:17px;letter-spacing:-.025em}.panel-head{align-items:flex-start}.panel-head>a{font-size:10px;font-weight:800}.panel-kicker{font-size:8px;letter-spacing:.15em;color:#9ba2b1;font-weight:900}.btn{border-radius:11px;padding:11px 15px;background:linear-gradient(135deg,#6d64ff,#5b53ed);box-shadow:0 8px 20px rgba(99,91,255,.18);font-size:10px;letter-spacing:.02em}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(99,91,255,.24)}.btn.ghost{background:#fff;color:#2b3140;border:1px solid #dde1ea;box-shadow:none}.btn.ghost:hover{background:#f8f9fc;border-color:#cfd4df}.btn.small{font-size:9px;padding:8px 11px}.badge{background:#f0efff;color:#554ce0;border:1px solid #e2dfff;padding:5px 8px;font-size:8px}.notice{border-radius:14px}.empty{background:#fafbfc;border:1px dashed #d9dde6;border-radius:16px}.table-wrap{border-radius:20px}.table-wrap table{min-width:720px}.table-wrap th{background:#fafbfc;color:#8a92a2;font-size:9px;letter-spacing:.12em}.table-wrap th:first-child{border-radius:10px 0 0 10px}.table-wrap th:last-child{border-radius:0 10px 10px 0}.table-wrap td{font-size:11px;padding:14px 13px}.table-wrap tr:hover td{background:#fbfbfe}.list-row{border-bottom-color:#eef0f4}
input,select,textarea{border:1px solid #dfe3eb;border-radius:11px;padding:11px 12px;background:#fff;font-size:11px}.form-grid{gap:14px}.form-grid label,form label{font-size:10px;color:#4c5567}.form-grid label>span,form label>span{font-weight:800}.form-grid h2{padding-top:4px;border-bottom:1px solid #eef0f4;padding-bottom:10px;margin:8px 0 2px}.panel.form-grid{padding:24px}.content-grid{gap:16px}.content-card{position:relative;overflow:hidden}.content-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#756cff,#35c4d5);opacity:.8}.content-card h3{font-size:16px;letter-spacing:-.025em}.content-card p{font-size:11px}.shortcut-grid a{background:#fbfbfd;border-color:#e7e9ef}

/* Premium dashboard */
.premium-page-hero{position:relative;overflow:hidden;min-height:236px;padding:34px 36px;margin-bottom:18px;border-radius:26px;background:linear-gradient(135deg,#171b2a 0%,#22283c 58%,#282b49 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center;box-shadow:0 24px 70px rgba(17,22,38,.14)}.premium-page-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(112,101,255,.55),rgba(112,101,255,0) 68%)}.premium-page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:34%;bottom:-230px;background:radial-gradient(circle,rgba(39,196,215,.25),transparent 70%)}.premium-page-hero>*{position:relative;z-index:2}.premium-page-hero .eyebrow{color:#a9a4ff}.premium-page-hero h1{font-size:clamp(32px,4vw,48px);margin:6px 0 10px;letter-spacing:-.055em}.premium-page-hero p{max-width:660px;color:#aeb5c4;line-height:1.6;font-size:12px}.premium-page-hero p b{color:#fff}.hero-actions-row{display:flex;gap:8px;margin-top:18px}.premium-page-hero .btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.dashboard-focus-card,.admin-health-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);backdrop-filter:blur(12px);border-radius:20px;padding:22px;display:grid;gap:13px}.dashboard-focus-card>span,.admin-health-card>span{font-size:8px;letter-spacing:.16em;font-weight:900;color:#9f99ff}.dashboard-focus-card>strong,.admin-health-card>strong{font-size:17px;line-height:1.3;letter-spacing:-.025em}.dashboard-focus-card>div{display:grid;gap:5px}.dashboard-focus-card a{font-size:9px;color:#c7c4ff;font-weight:800}.health-pills{display:flex;flex-wrap:wrap;gap:6px}.health-pills i{font-style:normal;font-size:8px;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:999px;color:#cbd0db;background:rgba(0,0,0,.08)}
.premium-company-switcher{display:flex;justify-content:flex-end;margin:-2px 0 14px}.premium-company-switcher label{display:flex;align-items:center;gap:10px;margin:0;background:#fff;border:1px solid var(--premium-line);border-radius:13px;padding:7px 8px 7px 11px}.premium-company-switcher label span{font-size:8px;color:#9098a8;text-transform:uppercase;letter-spacing:.1em}.premium-company-switcher select{width:auto;padding:6px 28px 6px 8px;border:0;background:#f7f8fb;font-weight:800}
.premium-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.premium-stat{position:relative;padding:18px;min-height:150px;overflow:hidden}.premium-stat .stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f1f0ff;color:#6259ef;font-size:13px;margin-bottom:16px}.premium-stat>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8992a2}.premium-stat>strong{font-size:30px;letter-spacing:-.055em;margin:6px 0 4px}.premium-stat>small{display:block;font-size:8px;color:#a1a8b6}.premium-stat>a{display:inline-block;margin-top:9px;font-size:8px;font-weight:900}.premium-stat.primary-stat{background:linear-gradient(145deg,#665eff,#5149d9);border-color:transparent;color:#fff;box-shadow:0 16px 35px rgba(99,91,255,.2)}.premium-stat.primary-stat .stat-icon{background:rgba(255,255,255,.13);color:#fff}.premium-stat.primary-stat>span,.premium-stat.primary-stat>small{color:#d2d0ff}.premium-stat.primary-stat>a{color:#fff}.premium-stat.plan-stat:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-45px;background:rgba(99,91,255,.07)}
.premium-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:14px}.premium-activity-panel,.premium-shortcuts-panel{min-height:370px}.premium-list-row{justify-content:flex-start;padding:13px 2px}.premium-list-row .list-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:#f3f2ff;color:#6258e9;font-size:10px}.premium-list-row .list-copy{flex:1;min-width:0}.premium-list-row .list-copy b{font-size:10px}.premium-list-row .list-copy small{font-size:8px}.premium-empty{display:grid;place-items:center;gap:7px;min-height:230px}.premium-empty>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f0efff;color:#6058e8}.premium-empty>b{font-size:12px;color:#343b4c}.premium-empty>small{font-size:9px}.premium-shortcut-grid{display:grid;gap:7px}.premium-shortcut-grid>a,.admin-command-grid>a{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #eceef3;border-radius:13px;color:#2a3040;background:#fbfbfd}.premium-shortcut-grid>a:hover,.admin-command-grid>a:hover{border-color:#d9d6ff;background:#f8f7ff;transform:translateX(2px)}.premium-shortcut-grid i,.admin-command-grid i{font-style:normal;width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#f0efff;color:#5f56e9;font-size:11px}.premium-shortcut-grid span,.admin-command-grid span{flex:1;min-width:0}.premium-shortcut-grid b,.premium-shortcut-grid small,.admin-command-grid b,.admin-command-grid small{display:block}.premium-shortcut-grid b,.admin-command-grid b{font-size:10px}.premium-shortcut-grid small,.admin-command-grid small{font-size:8px;color:#9299a8;margin-top:2px}.premium-shortcut-grid em,.admin-command-grid em{font-style:normal;color:#a1a7b3}

/* Admin */
.premium-app-shell.is-admin .premium-sidebar{background:linear-gradient(180deg,#0e1420,#121927 58%,#0c111b)}.premium-app-shell.is-admin .premium-brand-mark{background:linear-gradient(145deg,#3d7fff,#5853f7)}.premium-app-shell.is-admin .nav-link.active{background:linear-gradient(90deg,rgba(61,127,255,.21),rgba(99,91,255,.08))}.premium-app-shell.is-admin .nav-link.active:before{background:#4f8cff}.admin-hero{background:linear-gradient(135deg,#111827 0%,#172337 55%,#1c2944 100%)}.premium-admin-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.admin-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-command-grid>a{min-height:74px}.admin-command-grid i{background:#eef4ff;color:#3874e5}.admin-payments-panel{min-height:420px}

/* Cards, plans, credits and forms */
.grid3{gap:14px}.grid3>.panel,.grid3>form.panel{position:relative}.price{padding:26px 22px}.price h3{font-size:17px}.price strong{font-size:30px;letter-spacing:-.045em}.price.featured{outline:0;border-color:#8c84ff;box-shadow:0 18px 45px rgba(99,91,255,.14)}.price.featured:before{content:"RECOMENDADO";position:absolute;top:10px;right:10px;padding:5px 7px;border-radius:999px;background:#635bff;color:#fff;font-size:7px;font-weight:900;letter-spacing:.1em}.checklist div{border:1px solid #eceef4;background:#fbfbfd}.content-card details{box-shadow:none;background:#fafbfc}

/* Template library + design library */
.studio-page .page-head{margin-bottom:18px}.template-filter{border-radius:18px!important;box-shadow:none!important;background:#fff!important}.studio-template-grid,.design-grid{gap:15px!important}.studio-template-card,.design-card{border-radius:18px!important;border:1px solid #e7e9ef!important;box-shadow:0 4px 18px rgba(19,25,43,.035)!important}.studio-template-card:hover,.design-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(19,25,43,.11)!important;border-color:#dbd8ff!important}.template-thumb{background-color:#f3f4f8!important}.template-hover{background:linear-gradient(180deg,rgba(15,18,29,.05),rgba(15,18,29,.7))!important}.template-hover-actions{display:flex;gap:7px;align-items:center}.template-hover-actions .btn{backdrop-filter:blur(10px)}.studio-template-card footer,.design-card footer{background:#fff}.template-quick-preview{border:0;background:transparent;font-size:8px;font-weight:800;color:#665dec;cursor:pointer}

/* Toasts */
.toast{top:88px;right:24px;border-radius:14px;font-size:10px;font-weight:800;box-shadow:0 18px 50px rgba(20,26,42,.18);animation:premiumToastIn .32s ease}.toast.success{background:#117651}.toast.danger{background:#b72f42}@keyframes premiumToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}

/* Authentication */
.auth-premium-body{min-height:100vh;background:#f4f5f8;overflow-x:hidden}.auth-premium-main{min-height:100vh}.premium-auth-screen{min-height:100vh;position:relative;padding:24px}.auth-brand-bar{width:min(1400px,100%);margin:0 auto 20px;display:flex;justify-content:space-between;align-items:center}.auth-brand{color:#1d2230}.auth-brand .premium-brand-copy small{color:#655ced}.auth-back{font-size:10px;font-weight:800;color:#6f7788}.auth-grid{width:min(1400px,100%);min-height:calc(100vh - 108px);margin:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);border:1px solid #e5e7ed;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 30px 90px rgba(20,27,45,.1)}.auth-showcase{position:relative;overflow:hidden;padding:62px 64px;background:linear-gradient(145deg,#151928,#20253b 60%,#242645);color:#fff;display:flex;flex-direction:column;justify-content:center}.auth-showcase:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;top:-350px;right:-260px;background:radial-gradient(circle,rgba(116,106,255,.7),rgba(116,106,255,0) 68%)}.auth-showcase:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;bottom:-260px;left:-100px;background:radial-gradient(circle,rgba(39,196,215,.2),transparent 70%)}.auth-showcase>*{position:relative;z-index:2}.auth-kicker{font-size:8px;letter-spacing:.18em;font-weight:900;color:#8c84ff}.auth-showcase h2{font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-.055em;max-width:700px;margin:12px 0 15px}.auth-showcase p{max-width:600px;font-size:12px;line-height:1.7;color:#aab1c1}.auth-product-mock{margin-top:34px;border-radius:18px;background:#f6f7fa;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px rgba(0,0,0,.2);overflow:hidden;color:#1c2231;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}.auth-mock-top{height:34px;background:#fff;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #e8eaf0}.auth-mock-top span{width:6px;height:6px;border-radius:50%;background:#d8dbe3}.auth-mock-top b{margin-left:8px;font-size:8px}.auth-mock-body{height:260px;display:grid;grid-template-columns:42px 1fr 120px}.auth-mock-rail{background:#151a27;padding:10px 8px;display:grid;align-content:start;gap:9px}.auth-mock-rail i{height:22px;border-radius:6px;background:#2d3343}.auth-mock-canvas{display:grid;place-items:center;padding:22px;background:#e6e8ee}.auth-art{width:190px;aspect-ratio:1;border-radius:4px;padding:20px;background:linear-gradient(150deg,#251f4a,#6d5dfb 58%,#7ae0da);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 38px rgba(32,37,60,.16)}.auth-art small{font-size:6px;letter-spacing:.14em}.auth-art strong{font-size:21px;line-height:.92;letter-spacing:-.055em;margin:8px 0 14px}.auth-art em{font-style:normal;font-size:6px;background:#fff;color:#342f76;padding:6px 8px;border-radius:999px;align-self:flex-start}.auth-mock-panel{background:#fff;padding:15px 12px;display:grid;align-content:start;gap:9px}.auth-mock-panel span{height:25px;border-radius:7px;background:#f0f1f5}.auth-proof{display:flex;gap:22px;margin-top:26px}.auth-proof div{display:grid;gap:2px}.auth-proof b{font-size:11px}.auth-proof span{font-size:8px;color:#8f98aa}.auth-form-zone{display:grid;place-items:center;padding:60px}.premium-auth-card{width:min(430px,100%)}.premium-auth-card h1{font-size:36px;letter-spacing:-.05em;margin:8px 0 9px}.premium-auth-card>p{color:#7c8494;font-size:11px;line-height:1.55;margin-bottom:26px}.premium-auth-card label{margin-bottom:14px}.premium-auth-card label>span{display:block;margin-bottom:7px;font-size:9px}.premium-auth-card input{height:46px;border-radius:12px;font-size:12px;padding:0 13px}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;right:7px;top:7px;width:32px;height:32px;border:0;border-radius:9px;background:#f4f5f8;color:#788092}.premium-auth-submit{width:100%;height:47px;margin-top:6px;justify-content:space-between;padding:0 16px}.auth-divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px;color:#a0a6b2;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#ebedf2;flex:1}.auth-secondary-action{height:44px;border:1px solid #e1e4eb;border-radius:11px;display:grid;place-items:center;color:#333a4b;font-size:10px;font-weight:800}.auth-secondary-action:hover{background:#fafafe;border-color:#d6d2ff}.auth-security{display:block;margin-top:17px;text-align:center;color:#9da4b2;font-size:8px;line-height:1.5}.auth-benefit-list{margin-top:32px;display:grid;gap:10px;max-width:560px}.auth-benefit-list>div{display:flex;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:14px}.auth-benefit-list i{font-style:normal;width:32px;height:32px;border-radius:9px;background:rgba(99,91,255,.24);display:grid;place-items:center;color:#b8b4ff;font-size:8px;font-weight:900}.auth-benefit-list b,.auth-benefit-list small{display:block}.auth-benefit-list b{font-size:10px}.auth-benefit-list small{font-size:8px;color:#929bad;margin-top:3px}.auth-credit-card{margin-top:22px;max-width:300px;padding:16px;border-radius:15px;background:linear-gradient(135deg,#6c63ff,#5049d6);box-shadow:0 16px 36px rgba(99,91,255,.2)}.auth-credit-card span,.auth-credit-card strong,.auth-credit-card small{display:block}.auth-credit-card span{font-size:7px;letter-spacing:.14em;color:#d9d7ff}.auth-credit-card strong{font-size:24px;letter-spacing:-.05em;margin:4px 0}.auth-credit-card small{font-size:8px;color:#d7d5ff}

/* Optional dark appearance for authenticated area */
body.premium-dark{--premium-bg:#0f131b;--premium-surface:#171c26;--premium-surface-2:#1b202b;--premium-ink:#edf0f6;--premium-muted:#8d96a7;--premium-line:#292f3b;background:#0f131b;color:#edf0f6}body.premium-dark .premium-topbar{background:rgba(15,19,27,.88);border-color:#272d38}body.premium-dark .premium-main{background:#0f131b}body.premium-dark .panel,body.premium-dark .stat,body.premium-dark .price,body.premium-dark .premium-company-switcher label,body.premium-dark .topbar-user,body.premium-dark .appearance-toggle,body.premium-dark .logout-button{background:#171c26;border-color:#292f3b;color:#edf0f6}body.premium-dark .appearance-toggle .sun{display:none}body.premium-dark .appearance-toggle .moon{display:inline}body.premium-dark input,body.premium-dark select,body.premium-dark textarea{background:#121720;border-color:#303744;color:#edf0f6}body.premium-dark .btn.ghost{background:#171c26;border-color:#303744;color:#e7eaf1}body.premium-dark .premium-shortcut-grid>a,body.premium-dark .admin-command-grid>a,body.premium-dark .empty,body.premium-dark .shortcut-grid a{background:#151a23;border-color:#292f3b;color:#e6eaf1}body.premium-dark .table-wrap th{background:#151a23}body.premium-dark .table-wrap tr:hover td{background:#181e28}body.premium-dark .premium-stat .stat-icon{background:#23283a}body.premium-dark .premium-list-row .list-icon{background:#24283b}body.premium-dark .content-card details{background:#151a23;border-color:#292f3b}body.premium-dark .template-filter,body.premium-dark .studio-template-card,body.premium-dark .studio-template-card footer,body.premium-dark .design-card,body.premium-dark .design-card footer{background:#171c26!important;border-color:#292f3b!important;color:#eef1f6}

/* Responsive */
@media(max-width:1180px){:root{--premium-sidebar:220px}.premium-main>.shell{width:min(1180px,calc(100% - 36px))}.premium-stat-grid{grid-template-columns:repeat(3,1fr)}.premium-stat-grid .premium-stat:nth-child(n+4){min-height:130px}.premium-page-hero{grid-template-columns:1fr minmax(280px,.7fr)}.premium-dashboard-grid,.premium-admin-grid{grid-template-columns:1fr}.premium-shortcuts-panel{min-height:auto}}
@media(max-width:920px){.premium-app-shell{display:block}.premium-sidebar{transform:translateX(-105%);transition:transform .24s ease;width:min(300px,86vw);box-shadow:20px 0 55px rgba(0,0,0,.18)}.premium-app-shell.sidebar-open .premium-sidebar{transform:none}.sidebar-close{display:block}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:55;border:0;background:rgba(11,15,24,.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none}.premium-app-shell.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.premium-stage{grid-column:auto}.sidebar-trigger{display:block}.premium-topbar{padding:0 18px}.premium-main>.shell{width:min(100% - 28px,1180px)}.premium-page-hero{grid-template-columns:1fr;min-height:auto;padding:28px}.dashboard-focus-card,.admin-health-card{display:none}.premium-stat-grid{grid-template-columns:repeat(2,1fr)}.auth-grid{grid-template-columns:1fr}.auth-showcase{display:none}.auth-form-zone{min-height:calc(100vh - 130px);padding:40px}.admin-command-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.premium-topbar{height:64px;padding:0 12px}.premium-main{min-height:calc(100vh - 64px)}.topbar-user>div{display:none}.topbar-user{padding:4px}.premium-breadcrumb small{display:none}.premium-breadcrumb strong{font-size:12px}.premium-main>.shell{width:calc(100% - 20px)}.app-page{padding:20px 0 44px}.premium-page-hero{padding:24px 20px;border-radius:20px}.premium-page-hero h1{font-size:32px}.premium-page-hero p{font-size:10px}.hero-actions-row{flex-wrap:wrap}.hero-actions-row .btn{flex:1}.premium-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.premium-stat{min-height:128px;padding:14px}.premium-stat>strong{font-size:24px}.premium-stat .stat-icon{width:30px;height:30px;margin-bottom:12px}.premium-dashboard-grid,.premium-admin-grid{gap:10px}.panel{padding:16px;border-radius:17px}.premium-shortcut-grid>a{padding:10px}.admin-command-grid{grid-template-columns:1fr}.auth-premium-body{background:#fff}.premium-auth-screen{padding:14px}.auth-brand-bar{margin-bottom:8px}.auth-grid{border:0;box-shadow:none;border-radius:0;min-height:calc(100vh - 80px)}.auth-form-zone{padding:28px 8px}.premium-auth-card h1{font-size:31px}.premium-auth-card>p{margin-bottom:22px}.toast{right:12px;top:74px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
/* Public review and shared design surfaces */
.review-page{width:min(1320px,94vw)!important;margin:26px auto 70px!important}.review-head,.shared-head{border-radius:18px!important;border:1px solid #e5e8ef!important;box-shadow:0 12px 35px rgba(20,27,45,.06)!important;background:rgba(255,255,255,.96)!important}.review-canvas-card,.shared-canvas-wrap{background:radial-gradient(circle at 50% 25%,#eef0f5,#e1e5ec 70%)!important}.review-canvas-card{border:1px solid #dfe3ea!important;border-radius:20px!important}.review-canvas-card canvas,.shared-canvas-wrap canvas{box-shadow:0 28px 65px rgba(20,27,45,.18)!important}.review-panel{border-radius:20px!important}.review-message{background:#f6f5ff!important;border:1px solid #e5e2ff!important}.review-comments>div{border-color:#e6e9ef!important;border-radius:12px!important;background:#fbfbfd!important}.shared-design-page{background:#f4f5f8!important}.shared-head .brand{font-weight:900!important;letter-spacing:-.03em!important}
/* Onboarding polish */
.auth-wrap .form-card.wide,.narrow .panel{border-radius:22px}.auth-wrap .form-card.wide{box-shadow:0 28px 80px rgba(20,27,45,.1)}
.premium-stage .impersonate-bar{top:76px;background:#fff7dc;border-color:#f0df9a;color:#6f5818;box-shadow:0 6px 18px rgba(76,61,18,.05)}
@media(max-width:620px){.premium-stage .impersonate-bar{top:64px}}