@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f7fb;--ink:#172033;--muted:#7d879b;--line:#e9edf4;--purple:#705cf6;--nav:#12182a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:var(--nav);color:#fff;padding:28px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;margin:2px 8px 48px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#9c8bff,#6048ed);display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 8px 24px #705cf655}.brand b{display:block;font:800 14px Manrope,sans-serif;letter-spacing:1px}.brand small{display:block;color:#8993ac;font-size:9px;letter-spacing:1.5px;margin-top:4px}.side-label{font-size:10px;color:#68738d;letter-spacing:1.5px;padding:0 12px 12px}.nav{display:flex;align-items:center;gap:11px;color:#aeb7cb;text-decoration:none;padding:13px 12px;border-radius:10px;font-size:13px;margin:2px 0}.nav.active{background:#252c43;color:#fff;box-shadow:inset 3px 0 #8875ff}.nav em{font-style:normal;font-size:9px;margin-left:auto;color:#77829c}.side-bottom{margin-top:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:14px 9px;border-top:1px solid #2b3348;margin-bottom:8px}.avatar,.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#6556d9;color:#fff;font-weight:700}.user-chip b{display:block;font-size:12px}.user-chip small{color:#929db4;font-size:10px}.main{max-width:1600px;flex:1;padding:36px 48px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#929bb0;font-weight:700}.topbar h1{font:800 28px Manrope;margin:8px 0 0}.top-right{display:flex;align-items:center;gap:18px}.live-dot{font-size:11px;color:#299b71;background:#e5f7ef;padding:8px 12px;border-radius:30px}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#35b981;border-radius:50%;margin-right:7px}.top-avatar{width:38px;height:38px}.welcome{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:34px 42px;border-radius:20px;background:linear-gradient(112deg,#30266e,#5945c7 58%,#806bf1);color:#fff;min-height:210px;box-shadow:0 15px 35px #5441b522}.welcome h2{font:800 30px/1.18 Manrope;margin:12px 0}.welcome p{color:#d8d2ff;font-size:13px;margin:0}.eyebrow.light{color:#c7bdff}.orb{width:130px;height:130px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:54px;color:#fff;background:#ffffff12;box-shadow:0 0 0 18px #ffffff09,0 0 0 38px #ffffff06;margin-right:50px}.orb span{position:absolute;font:800 11px Manrope;letter-spacing:2px;margin-top:76px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.section-head h2{font:800 18px Manrope;margin:0}.section-head p,.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.date-pill,.tag{font-size:10px;color:#778198;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 4px 18px #1d2a4405}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:15px}.purple{background:#f0edff;color:#765df3}.blue{background:#eaf3ff;color:#4c8fe7}.orange{background:#fff2e7;color:#ed994d}.green{background:#e9f8f1;color:#35a879}.stat small{display:block;color:#7d879b;font-size:11px}.stat strong{display:block;font:800 26px Manrope;margin:7px 0}.stat-foot{font-size:10px;color:#a1aabc}.status-word{color:#269a70!important;font-size:22px!important}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-top:18px}.panel{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3,.side-panel h3{font:800 16px Manrope;margin:0}.module{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #f0f2f7}.module-icon{width:36px;height:36px;border-radius:10px;background:#f2f0ff;color:#705cf6;display:grid;place-items:center}.module b{display:block;font-size:12px}.module small{display:block;color:#8993a7;font-size:10px;margin-top:4px}.soon{margin-left:auto;font-size:9px;color:#8b7bdf;background:#f4f1ff;padding:6px 8px;border-radius:20px;white-space:nowrap}.panel-kicker{font-size:9px;letter-spacing:1.5px;color:#8d7df0;font-weight:800}.side-panel h3{margin:12px 0}.side-panel p{font-size:11px;line-height:1.7;color:#7d879b}.security{font-size:10px;color:#657087;margin-top:13px}.security span{color:#28a678;font-weight:800;margin-right:7px}.main-footer{text-align:center;color:#a5adbd;font-size:10px;padding:28px}.main-footer span{padding:0 6px}.setup-bg{min-height:100vh;background:radial-gradient(circle at 10% 10%,#eeeaff,transparent 35%),#f5f7fb;display:grid;place-items:center;padding:24px}.setup-wrap{width:min(100%,680px)}.setup-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 22px 70px #28365312}.setup-card .brand{margin:0 0 32px}.setup-card h1{font:800 27px Manrope;margin:0 0 8px}.muted{font-size:13px;color:var(--muted);margin:0 0 25px}.setup-card h3{font:700 13px Manrope;margin:24px 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.setup-card label{display:block;font-size:11px;font-weight:700;color:#5f6a80;margin-bottom:14px}.setup-card input{display:block;width:100%;margin-top:7px;border:1px solid #e3e8f0;border-radius:9px;padding:12px 13px;font:13px 'DM Sans';outline:none}.setup-card input:focus{border-color:#8271ef;box-shadow:0 0 0 3px #8271ef18}.full{grid-column:1/-1}.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:10px;background:linear-gradient(110deg,#6552e9,#8976f7);color:white;text-decoration:none;padding:14px 18px;font:700 13px 'DM Sans';cursor:pointer;margin-top:10px;box-shadow:0 8px 18px #6f5cf533}.alert{background:#fff0f0;color:#b73e4b;border:1px solid #ffd9dd;padding:12px;border-radius:9px;font-size:12px;margin:15px 0}.success{background:#effaf4;border-radius:14px;padding:24px}.success p{font-size:13px;color:#657087}.setup-card footer{text-align:center;color:#a3aabb;font-size:10px;margin-top:25px}@media(max-width:1000px){.sidebar{width:220px}.main{padding:25px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:68px;padding:20px 8px}.sidebar .brand{margin:0 4px 35px}.brand div,.side-label,.nav:not(.active),.nav em,.user-chip div{display:none}.nav{font-size:0;justify-content:center}.main{padding:20px 14px}.topbar h1{font-size:23px}.welcome{padding:25px;min-height:190px}.welcome h2{font-size:24px}.orb{width:75px;height:75px;margin:0;font-size:30px}.orb span{margin-top:45px}.stats{gap:9px}.stat{padding:14px}.content-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.setup-card{padding:25px}}

/* V1.1 functional modules */
.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn-small{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;background:linear-gradient(110deg,#6552e9,#8976f7);color:#fff;text-decoration:none;font:700 11px 'DM Sans';cursor:pointer}.btn-ghost{background:#f4f2ff;color:#6655dc}.form-panel{margin:18px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.field{display:block;font-size:11px;font-weight:700;color:#657087}.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #e3e8f0;border-radius:9px;padding:12px 13px;background:#fbfcff;color:#172033;font:12px 'DM Sans';outline:none}.field textarea{min-height:76px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8271ef;box-shadow:0 0 0 3px #8271ef18}.field-full{grid-column:1/-1}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;font-size:10px;letter-spacing:.5px;color:#8a94a8;background:#fafbfe;padding:14px 16px;font-weight:800}.data-table td{padding:14px 16px;border-top:1px solid #eff1f6;font-size:11px;color:#475168}.data-table td strong{color:#1d2940;font-size:12px}.pill{display:inline-flex;padding:6px 9px;border-radius:30px;font-size:9px;font-weight:800;background:#f1efff;color:#715fe4}.pill.active{background:#e8f8f0;color:#25966a}.pill.paused,.pill.suspended{background:#fff1e8;color:#c77a37}.pill.pending,.pill.review{background:#fff8df;color:#a17a22}.pill.draft{background:#eef1f6;color:#68758c}.inline-form{display:flex;gap:6px;align-items:center}.inline-form select{border:1px solid #e5e9f1;border-radius:7px;padding:7px;font-size:10px}.notice-box{padding:13px 15px;border-radius:10px;background:#f4f2ff;color:#6556bd;font-size:11px;line-height:1.6;margin:12px 0}.flash{padding:12px 15px;border-radius:10px;margin:0 0 15px;font-size:11px}.flash.ok{background:#eaf8f1;color:#27845f}.flash.err{background:#fff0f0;color:#b33f4b}.empty-state{text-align:center;padding:35px;color:#929bb0;font-size:12px}.form-actions{display:flex;justify-content:flex-end;margin-top:14px}.search-input{max-width:260px;border:1px solid var(--line);padding:10px 12px;border-radius:9px;font:11px 'DM Sans'}

.field{display:flex;flex-direction:column;gap:8px;color:#66718a;font-size:11px;font-weight:600}
.field input,.field select,.field textarea,.search-input{width:100%;min-width:0;border:1px solid #e5e9f1;border-radius:10px;padding:12px 13px;background:#fbfcff;color:#172033;font:500 12px 'DM Sans',Arial,sans-serif;outline:none}
.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8875ff;box-shadow:0 0 0 3px #8875ff18}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-actions{display:flex;justify-content:flex-end;margin-top:19px}.form-panel{margin-bottom:20px}.flash,.alert{padding:12px 15px;border-radius:10px;margin:14px 0;font-size:12px}.flash.ok{background:#eaf8f1;color:#25845f}.flash.err,.alert{background:#fff0f0;color:#b33c4b}.notice-box{margin-top:15px;padding:12px 14px;border-radius:9px;background:#f4f2ff;color:#6555ba;font-size:11px;line-height:1.6}.generated{margin-top:20px;padding:18px;border:1px solid #e8e5ff;border-radius:13px;background:#fcfbff}.generated pre,.creative-info pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 'DM Sans',Arial,sans-serif;color:#27314a;margin:10px 0 0}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.creative-card{padding:0;overflow:hidden}.creative-card img,.creative-placeholder{width:100%;height:160px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#eeeaff,#d9d2ff);color:#705cf6;font-size:28px}.creative-info{padding:15px}.creative-info strong{display:block;font-size:12px}.creative-info small{display:block;color:#929bb0;font-size:10px;margin-top:6px}.creative-info details{margin-top:12px;font-size:11px;color:#6555ba}.creative-info summary{cursor:pointer}.setup-bg{background:#f4f6fb}.setup-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.setup-card{width:min(100%,440px);background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:30px;box-shadow:0 18px 60px #26385b12}.setup-card h1{font:800 25px Manrope;margin:25px 0 6px}.setup-card .muted{font-size:12px;color:#8791a5;margin-bottom:22px}.setup-card form{display:grid;gap:15px}.setup-card label{display:grid;gap:7px;font-size:11px;color:#657087}.setup-card input{border:1px solid #e5e9f1;border-radius:9px;padding:12px;font:13px 'DM Sans',Arial}.setup-card .btn{border:0;border-radius:9px;background:#705cf6;color:#fff;padding:13px;font-weight:700;cursor:pointer}.setup-card footer{margin-top:22px;color:#9aa3b4;font-size:10px}
@media(max-width:900px){.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.form-grid,.creative-grid{grid-template-columns:1fr}.setup-card{padding:22px}}


/* V1.3 Studio + advertiser portal refinement */
.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;align-items:start}
.studio-field{display:flex;flex-direction:column;gap:8px;min-width:0;color:#56627a;font-size:12px;font-weight:700}
.studio-field input,.studio-field select,.studio-field textarea{width:100%;min-width:0;min-height:46px;border:1px solid #e1e6f0;border-radius:11px;padding:12px 14px;background:#fbfcff;color:#172033;font:500 13px 'DM Sans',Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}
.studio-field input:focus,.studio-field select:focus,.studio-field textarea:focus{border-color:#806cf5;box-shadow:0 0 0 4px #806cf51a;background:#fff}
.studio-field input[type=file]{padding:9px;background:#fff;border-style:dashed}
.studio-field small{font-size:10px;font-weight:500;color:#929bb0}
.studio-submit{min-height:44px;padding:0 22px;font-size:12px;box-shadow:0 8px 18px #705cf626}
.studio-preview{margin-top:18px;min-height:125px;border:1px dashed #dce2ed;border-radius:13px;background:#fafbff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.studio-preview:empty{display:none}
.studio-preview img{display:block;max-width:100%;max-height:310px;object-fit:contain}
.preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:#8b7bf0;font-size:24px;padding:24px}
.preview-placeholder span{font-size:12px;font-weight:700;color:#56627a}
.preview-placeholder small{font-size:10px;color:#9aa3b4}
.creative-edit{display:grid;gap:9px;margin-top:12px}
.creative-edit textarea{width:100%;min-height:155px;resize:vertical;border:1px solid #e4e8f0;border-radius:9px;padding:11px;font:12px/1.6 'DM Sans',Arial;color:#25314a}
.delete-form{display:flex;justify-content:flex-end;margin-top:12px}
.btn-danger{border:1px solid #f3d2d5;border-radius:8px;padding:7px 12px;background:#fff6f6;color:#b94a56;font-size:10px;font-weight:700;cursor:pointer}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0e5ef;border-radius:9px;padding:10px 15px;color:#6255c6;text-decoration:none;font-size:11px;font-weight:700}
.advertiser-stats{margin:18px 0 26px}
.pill.review{background:#fff4df;color:#a66b18}.pill.completed{background:#edf0f5;color:#657087}.pill.paused{background:#fff0e8;color:#b96d3b}
@media(max-width:760px){.studio-form-grid{grid-template-columns:1fr;gap:14px}.creative-grid{grid-template-columns:1fr}.studio-preview{min-height:100px}.form-actions{flex-wrap:wrap;justify-content:stretch}.form-actions>*{flex:1}}

/* V1.4 wallet and payment request module */
.wallet-balance-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;margin:16px 0 30px;border-radius:18px;color:#fff;background:linear-gradient(115deg,#28215f,#6752df 65%,#8876f5);box-shadow:0 16px 36px #5140ba25}
.wallet-balance-card span,.wallet-inline-card small{display:block;font-size:10px;font-weight:800;letter-spacing:1.5px;opacity:.8}
.wallet-balance-card strong{display:block;font:800 34px Manrope;margin:8px 0}
.wallet-balance-card small{font-size:11px;opacity:.8}
.wallet-symbol{width:76px;height:76px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font:800 42px Manrope;background:#ffffff16}
.wallet-review{display:grid;gap:6px;min-width:150px}
.wallet-review input{min-width:130px;max-width:190px;border:1px solid #e4e8f0;border-radius:7px;padding:7px;font:11px 'DM Sans',Arial}
.wallet-review button{width:100%}
.amount-positive{color:#19966a;font-weight:800}
.pill.approved{background:#e8f8f0;color:#19875d}.pill.rejected{background:#fff0f0;color:#b74b57}.pill.pending{background:#fff5e4;color:#a66b18}
.wallet-inline-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 22px;margin:18px 0 28px}
.wallet-inline-card small{color:#8c96aa;opacity:1}.wallet-inline-card strong{display:block;font:800 24px Manrope;margin:5px 0;color:#202b43}.wallet-inline-card span{display:block;font-size:10px;color:#8b95a8}
@media(max-width:600px){.wallet-balance-card{padding:22px}.wallet-balance-card strong{font-size:27px}.wallet-symbol{width:58px;height:58px;font-size:32px}.wallet-inline-card{align-items:flex-start;flex-direction:column}}

/* V1.5 publisher network */
.publisher-stats{margin:18px 0 26px}
.publisher-site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.publisher-site{min-width:0}
.publisher-site-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.publisher-site-head strong{display:block;font:800 14px Manrope;color:#202b43}
.publisher-site-head small{display:block;color:#8c96aa;font-size:10px;margin-top:5px;overflow-wrap:anywhere}
.publisher-site>p{font-size:11px;line-height:1.6;color:#6e7890}
.unit-create-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.unit-create-form input,.unit-create-form select{min-width:0;width:100%;border:1px solid #e3e8f0;border-radius:8px;padding:10px;background:#fbfcff;font:11px 'DM Sans',Arial}
.unit-create-form button{grid-column:1/-1}
.publisher-unit{margin:12px 0}
.publisher-code{display:block;width:100%;min-height:76px;margin:16px 0 10px;padding:12px;border:1px solid #e5e9f1;border-radius:9px;background:#f8f9fc;color:#45516a;font:11px/1.6 Consolas,monospace;resize:vertical}
.publisher-unit-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.publisher-unit-actions form{margin:0}
@media(max-width:760px){.publisher-site-grid{grid-template-columns:1fr}.unit-create-form{grid-template-columns:1fr}.unit-create-form button{grid-column:auto}.publisher-unit-actions{justify-content:stretch}.publisher-unit-actions>*{flex:1}}


/* V2.9.1 - Mobile off-canvas navigation */
.mobile-menu-toggle{display:none}
.mobile-menu-backdrop{display:none}
.mobile-topbar-row{display:contents}
@media(max-width:700px){
  .app-shell{display:block;min-height:100vh}
  .sidebar{position:fixed;z-index:1002;inset:0 auto 0 0;width:min(82vw,310px);height:100dvh;overflow-y:auto;padding:24px 17px 18px;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.75,.25,1);box-shadow:18px 0 50px #080d1d35}
  .sidebar.is-open{transform:translateX(0)}
  .sidebar .brand{margin:0 8px 36px}
  .sidebar .brand div,.sidebar .side-label,.sidebar .nav,.sidebar .nav:not(.active),.sidebar .nav em,.sidebar .user-chip div{display:flex}
  .sidebar .side-label{display:block}
  .sidebar .nav{font-size:13px;justify-content:flex-start}
  .sidebar .user-chip div{display:block}
  .mobile-menu-backdrop.is-visible{display:block;position:fixed;z-index:1001;inset:0;background:rgba(10,14,29,.55);backdrop-filter:blur(2px)}
  .mobile-menu-toggle{position:fixed;z-index:1003;left:14px;top:14px;width:42px;height:42px;border:1px solid #e6e9f1;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 5px 18px #18233a12;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#26314a}
  .main{width:100%;max-width:none;margin:0;padding:18px 14px 28px}
  .topbar{padding-left:52px;min-height:44px;margin-bottom:22px;gap:10px}
  .topbar h1{font-size:21px;line-height:1.25}
  .top-right{gap:8px}
  .live-dot{font-size:9px;padding:7px 9px}
  .top-avatar{width:34px;height:34px;flex:0 0 34px}
  body.menu-open{overflow:hidden}
}
@media(min-width:701px){.mobile-menu-toggle,.mobile-menu-backdrop{display:none!important}}

/* V3.2 sidebar navigation groups */
.side-group-label{font-size:9px;font-weight:800;letter-spacing:1.35px;color:#66728e;padding:17px 12px 7px;margin-top:5px;border-top:1px solid #242c40}
.sidebar .nav{min-height:39px}
@media(max-width:700px){
 .side-group-label{display:block;font-size:9px;padding:15px 12px 6px}
 .sidebar .nav{min-height:42px}
}

.social-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:14px 0 22px}
.calendar-head{text-align:center;font-size:11px;font-weight:800;color:#77839d;padding:9px 3px}
.calendar-day{min-height:116px;background:#fff;border:1px solid #e5eaf3;border-radius:12px;padding:8px;overflow:hidden}
.calendar-day>b{font-size:12px;color:#66728e}.calendar-day.empty{background:transparent;border:1px dashed #e5eaf3}
.calendar-post{display:flex;flex-direction:column;gap:3px;padding:7px;margin-top:7px;border-radius:8px;background:#f1efff;color:#332a70;text-decoration:none;font-size:10px;overflow-wrap:anywhere}
.calendar-post strong{font-size:9px;text-transform:uppercase;letter-spacing:.5px}.calendar-post small{color:#726b9c}
@media(max-width:700px){.social-calendar-grid{gap:3px}.calendar-day{min-height:88px;padding:4px;border-radius:7px}.calendar-post{padding:4px;margin-top:4px;font-size:9px}.calendar-post small{font-size:8px}.calendar-head{font-size:9px}}

/* V3.4 AI social content assistant */
.social-ai-result{overflow-wrap:anywhere}

/* V3.5 storyboard planner */
.story-scene{border:1px solid #e6eaf3;border-radius:12px;padding:12px 14px;margin:10px 0;background:#fbfcff}
.story-scene p{margin:7px 0;color:#53617b}


/* V4.0 global form polish: consistent across every panel and module */
.main form label{color:#59657d;font-size:12px;font-weight:700;line-height:1.45}
.main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.main select,.main textarea{max-width:100%;min-height:42px;border:1px solid #dfe5f0;border-radius:11px;padding:10px 13px;background:#fbfcff;color:#172033;font:500 12px 'DM Sans',Arial,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.main textarea{min-height:92px;resize:vertical;line-height:1.55}
.main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,.main select:focus,.main textarea:focus{border-color:#806cf5;box-shadow:0 0 0 4px #806cf51a;background:#fff}
.main input[type=file]{padding:8px;background:#fff;border-style:dashed;cursor:pointer}
.main input[type=checkbox],.main input[type=radio]{width:17px;height:17px;accent-color:#705cf6;vertical-align:middle;cursor:pointer}
.main button:not(.mobile-menu-toggle){font-family:'DM Sans',Arial,sans-serif;transition:transform .15s,box-shadow .15s,filter .15s}
.main button:not(.mobile-menu-toggle):hover{filter:brightness(1.03);transform:translateY(-1px)}
.main button:focus-visible,.main a:focus-visible{outline:3px solid #8b7bf066;outline-offset:2px}
.main .panel form{gap:12px}
.main .panel form label{display:block}
.main .panel form label input:not([type=checkbox]):not([type=radio]),.main .panel form label select,.main .panel form label textarea{margin-top:7px;width:100%}
.main .table-wrap{border-radius:14px}
@media(max-width:700px){.main form:not(.inline-form){max-width:100%}.main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.main select,.main textarea{font-size:16px;min-height:44px}}

/* V4.1 grouped expandable navigation */
.menu-group{margin:5px 0 9px;border:1px solid #252e45;border-radius:12px;background:#151c2d;overflow:hidden}
.menu-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;padding:12px 12px;color:#d8def0;font-size:11px;font-weight:800;letter-spacing:.25px;user-select:none}
.menu-group>summary::-webkit-details-marker{display:none}
.menu-group>summary:after{content:'＋';margin-left:auto;color:#8994ad;font-size:13px}
.menu-group[open]>summary:after{content:'−'}
.menu-group[open]>summary{color:#fff;background:#202941}
.menu-group .nav{margin:2px 6px;padding:10px 10px;min-height:36px;font-size:12px}
.menu-group .nav.active{background:linear-gradient(100deg,#40377a,#292f50);box-shadow:inset 3px 0 #9b8cff}
.menu-group .nav:last-child{margin-bottom:7px}
@media(max-width:700px){.sidebar{width:280px;padding:18px 12px}.sidebar .brand div,.sidebar .nav,.sidebar .side-label,.sidebar .user-chip div{display:flex}.sidebar .brand{margin:0 8px 18px}.menu-group{width:100%}.menu-group .nav{font-size:12px;justify-content:flex-start}.sidebar:not(.is-open){width:68px}.sidebar:not(.is-open) .menu-group,.sidebar:not(.is-open) .brand div,.sidebar:not(.is-open) .side-bottom .nav{display:none}}

/* V4.7 Public website, authentication and polished footer */
.public-site{background:#f7f8fc;color:#18213b;font-family:'DM Sans',Arial,sans-serif}.public-header{height:82px;position:sticky;top:0;z-index:100;background:rgba(12,18,40,.94);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff16}.public-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.public-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,#a99aff,#6247ed);display:grid;place-items:center;color:#fff;font:900 16px Manrope;box-shadow:0 8px 25px #7258ef55}.public-brand b{display:block;font:900 13px Manrope;letter-spacing:1.2px}.public-brand small{display:block;color:#8994b4;font-size:8px;letter-spacing:2px;margin-top:4px}.public-nav{display:flex;gap:36px}.public-nav a,.login-link{color:#c0c8dc;text-decoration:none;font-size:12px;font-weight:600}.public-nav a:hover,.login-link:hover{color:#fff}.public-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;border:0;border-radius:12px;padding:14px 20px;font:800 12px 'DM Sans';cursor:pointer;transition:.2s}.button span{font-size:17px}.button-light{background:#fff;color:#252b48;box-shadow:0 8px 25px #050a1c22}.button-light:hover{transform:translateY(-2px);box-shadow:0 12px 28px #050a1c35}.button-primary{background:linear-gradient(110deg,#7057f2,#9a78ff);color:#fff;box-shadow:0 12px 28px #7057f244}.button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #7057f266}.button-outline{border:1px solid #ffffff50;color:#fff;background:#ffffff0b}.public-menu-btn{display:none;background:none;color:#fff;border:0;font-size:25px}.hero-public{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(ellipse at 78% 44%,#2a2c66 0,#151a39 40%,#0d132b 78%);color:#fff;padding:105px max(8vw,28px) 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.glow-one{width:470px;height:470px;border:1px solid #a48aff20;right:8%;top:8%;box-shadow:0 0 0 55px #8a70ff08,0 0 0 110px #8a70ff05}.glow-two{width:260px;height:260px;background:#7659e51b;filter:blur(75px);right:23%;top:26%}.hero-content{position:relative;z-index:2;max-width:650px}.hero-kicker,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#a99aff;font-size:9px;font-weight:900;letter-spacing:2px}.hero-kicker i,.pulse-dot{width:7px;height:7px;background:#7de2bd;border-radius:50%;box-shadow:0 0 0 5px #7de2bd20}.hero-content h1{font:900 clamp(42px,5.3vw,72px)/1.08 Manrope;letter-spacing:-2.5px;margin:26px 0 22px}.hero-content h1 br+*{color:#a99aff}.hero-content p{max-width:570px;color:#b8c2d9;font-size:15px;line-height:1.9}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-trust{margin-top:28px;color:#8d9ab9;font-size:10px;letter-spacing:.2px}.trust-check{color:#80dfb9;margin-right:7px}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;border:1px solid #a99aff32;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:410px;height:270px}.orbit-b{width:330px;height:410px;transform:rotate(55deg)}.visual-core{width:210px;height:210px;border-radius:48px;transform:rotate(-8deg);background:linear-gradient(145deg,#a58fff,#5c45d7 60%,#312c78);box-shadow:0 35px 90px #0008,inset 0 1px #ffffff90;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.visual-core span{font:900 50px Manrope;color:#fff;letter-spacing:-3px}.visual-core b{font:900 13px/1.1 Manrope;letter-spacing:3px;text-align:center}.visual-core small{font-size:7px;letter-spacing:2px;color:#d9d2ff;margin-top:13px}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:#fff;color:#1c2542;padding:14px 17px;border:1px solid #ffffffaa;border-radius:15px;box-shadow:0 18px 45px #05091f66}.float-card b{display:block;font-size:10px}.float-card small{display:block;color:#8892a8;font-size:8px;margin-top:4px}.float-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f0edff;color:#765bf2;font-size:18px}.float-top{top:55px;left:0}.float-bottom{bottom:55px;right:-5px}.float-bottom strong{color:#4cbb91;font-size:18px;margin-left:9px}.hero-bottom-line{position:absolute;bottom:28px;left:8vw;display:flex;align-items:center;gap:17px;color:#697697;font-size:8px;letter-spacing:2px}.hero-bottom-line i{width:35px;height:1px;background:#596181}.feature-section,.steps-section{padding:110px max(8vw,28px);background:#f8f9fd}.section-intro{text-align:center;max-width:690px;margin:0 auto 52px}.section-intro h2,.platform-copy h2{font:900 clamp(30px,3.5vw,46px)/1.2 Manrope;letter-spacing:-1.5px;color:#1b2340;margin:18px 0}.section-intro h2 em,.platform-copy h2 em{font-style:normal;color:#7863e9}.section-intro p,.platform-copy p{font-size:13px;line-height:1.9;color:#818ba2}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;max-width:1250px;margin:auto}.feature-card{position:relative;background:#fff;border:1px solid #e9ecf5;border-radius:18px;padding:27px 24px 24px;min-height:250px;box-shadow:0 10px 35px #1b2a4a08;transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #1b2a4a13;border-color:#d8d0ff}.feature-number{position:absolute;right:23px;top:22px;color:#c4c9d8;font:800 10px Manrope;letter-spacing:1px}.feature-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,#f0edff,#e4e0ff);display:grid;place-items:center;color:#7258ed;font-size:22px}.feature-card h3{font:800 15px Manrope;color:#222b48;margin:22px 0 10px}.feature-card p{color:#8992a6;font-size:11px;line-height:1.8;min-height:60px}.feature-card a{display:inline-flex;gap:10px;color:#7258ed;text-decoration:none;font-size:10px;font-weight:800;margin-top:13px}.platform-band{padding:100px max(8vw,28px);background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.platform-copy{max-width:530px}.platform-copy .button{margin-top:18px}.platform-list{border-top:1px solid #e9ecf3}.platform-list>div{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:14px;padding:20px 4px;border-bottom:1px solid #e9ecf3}.platform-list>div>span{color:#9384ed;font:800 10px Manrope}.platform-list b{display:block;color:#29324d;font:800 12px Manrope}.platform-list small{display:block;color:#929bad;font-size:10px;margin-top:5px}.platform-list i{color:#8a78eb;font-style:normal}.steps-section{background:#f4f5fb}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:auto}.steps-grid article{background:#fff;border:1px solid #e8ebf4;border-radius:17px;padding:28px}.steps-grid article>span{font:900 25px Manrope;color:#9a8af0}.steps-grid h3{font:800 15px Manrope;color:#202945;margin:20px 0 9px}.steps-grid p{font-size:11px;line-height:1.8;color:#8791a5}.final-cta{margin:0;background:linear-gradient(110deg,#201c55,#5846c2 65%,#7865e9);padding:65px max(8vw,28px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff}.final-cta h2{font:900 32px/1.2 Manrope;margin:14px 0}.final-cta p{color:#d1cafa;font-size:12px}.final-cta .section-kicker{color:#c8bfff}.public-footer{background:#0d1329;color:#fff;padding:62px max(8vw,28px) 22px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding-bottom:48px}.footer-brand p{max-width:300px;color:#8994b2;font-size:11px;line-height:1.9;margin-top:20px}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col b{font:800 11px Manrope;color:#fff;margin-bottom:7px}.footer-col a{color:#929db9;text-decoration:none;font-size:10px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff17;padding-top:20px;display:flex;justify-content:space-between;color:#697694;font-size:9px}.footer-bottom b{color:#a99aff}.auth-page{min-height:100vh;background:#f5f6fb;font-family:'DM Sans',Arial,sans-serif;color:#202944;padding:35px 5vw;display:flex;align-items:center;justify-content:center}.auth-back{position:fixed;left:5vw;top:24px;color:#6c7690;text-decoration:none;font-size:11px;font-weight:700;z-index:4}.auth-layout{width:min(1120px,100%);min-height:680px;background:#fff;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;box-shadow:0 30px 90px #26345418;border:1px solid #e9ecf4}.auth-promo{background:radial-gradient(circle at 78% 25%,#3c367d,#1c2048 48%,#10172f);padding:45px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:#fff}.auth-promo:after{content:'AI';position:absolute;right:-28px;bottom:70px;font:900 230px Manrope;color:#ffffff08;pointer-events:none}.auth-promo>div:nth-child(2){position:relative;z-index:1}.auth-promo h1{font:900 clamp(34px,4vw,48px)/1.14 Manrope;letter-spacing:-1.5px;margin:20px 0}.auth-promo h1 em{font-style:normal;color:#a99aff}.auth-promo p{max-width:380px;color:#aeb9d4;font-size:12px;line-height:1.9}.auth-promo-foot{font-size:8px;letter-spacing:2px;color:#7e8aaa}.auth-form-side{padding:55px;display:grid;place-items:center}.auth-card{width:min(100%,430px)}.auth-icon{width:45px;height:45px;border-radius:14px;background:#f0edff;color:#765df0;display:grid;place-items:center;font-size:22px;margin-bottom:23px}.auth-card h2{font:900 25px Manrope;color:#202944;margin:12px 0 8px}.auth-sub{font-size:11px;color:#8a94a8;line-height:1.7;margin:0 0 26px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#5e6980;font-size:10px;font-weight:800}.auth-card input:not([type=radio]){width:100%;padding:13px 14px;border:1px solid #e3e7f0;border-radius:10px;outline:0;font:12px 'DM Sans';color:#26304a;background:#fbfcfe}.auth-card input:focus{border-color:#8d7af1;box-shadow:0 0 0 3px #8d7af119}.auth-submit{width:100%;margin-top:6px}.auth-switch{text-align:center;color:#929bad;font-size:10px;margin-top:22px}.auth-switch a{color:#7058e8;font-weight:800;text-decoration:none}.auth-secure{text-align:center;color:#a2aabd;font-size:9px;margin-top:27px}.auth-error{background:#fff1f2;color:#b53f52;border:1px solid #ffdce1;border-radius:10px;padding:12px;font-size:11px;margin-bottom:17px}.register-layout{min-height:780px;grid-template-columns:.8fr 1.2fr}.register-layout .auth-promo{padding:45px}.register-card{max-width:520px}.register-card h2{margin-top:10px}.register-card .auth-sub{margin-bottom:17px}.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.account-type{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 3px}.type-option{position:relative;display:block!important}.type-option input{position:absolute;opacity:0}.type-option span{display:block;border:1px solid #e4e7f0;border-radius:11px;padding:12px;cursor:pointer}.type-option input:checked+span{border-color:#8a76ee;background:#f6f4ff;box-shadow:0 0 0 2px #8a76ee18}.type-option b{display:block;color:#303a56;font-size:10px}.type-option small{display:block;color:#9099ac;font-size:9px;margin-top:5px}.optional{font-weight:500;color:#a4acba}.register-benefits{display:grid;gap:13px;margin-top:25px;color:#c1c9df;font-size:10px}.register-benefits span: first-letter{color:#7de2bd}.register-success{text-align:center;padding:28px 10px}.register-success>span{width:54px;height:54px;border-radius:50%;background:#e9f9f1;color:#2ca879;display:grid;place-items:center;margin:auto;font-size:25px}.register-success h3{font:900 20px Manrope}.register-success p{color:#8791a5;font-size:11px;line-height:1.8}.register-success .button{margin-top:15px}.public-menu-open .public-nav{display:flex}
@media(max-width:950px){.public-nav{gap:18px}.hero-public{padding-left:6vw;padding-right:6vw}.feature-grid{grid-template-columns:repeat(2,1fr)}.auth-promo{padding:35px}.auth-form-side{padding:35px}.footer-main{gap:28px}}
@media(max-width:700px){.public-header{height:70px;padding:0 18px}.public-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#121a36;padding:22px;flex-direction:column;gap:20px}.public-actions{display:none}.public-menu-btn{display:block}.hero-public{display:block;padding:75px 25px 85px;min-height:unset}.hero-content h1{font-size:43px;letter-spacing:-1.7px}.hero-content p{font-size:13px}.hero-visual{height:340px;margin-top:30px}.visual-core{width:160px;height:160px}.visual-core span{font-size:39px}.orbit-a{width:300px;height:210px}.orbit-b{width:250px;height:310px}.float-top{top:25px;left:-4px}.float-bottom{bottom:22px;right:-4px}.hero-bottom-line{left:25px;gap:9px;font-size:7px}.hero-bottom-line i{width:15px}.feature-section,.steps-section{padding:70px 20px}.feature-grid,.steps-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.platform-band{padding:70px 24px;grid-template-columns:1fr;gap:35px}.final-cta{padding:48px 24px;display:block}.final-cta h2{font-size:27px}.final-cta .button{margin-top:18px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 22px}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:10px}.auth-page{padding:55px 12px 18px;align-items:flex-start}.auth-back{top:18px;left:18px}.auth-layout,.register-layout{grid-template-columns:1fr;border-radius:18px;min-height:unset}.auth-promo{padding:27px;min-height:310px}.auth-promo h1{font-size:34px}.auth-promo-foot{margin-top:30px}.auth-form-side{padding:30px 22px}.auth-two{grid-template-columns:1fr}.register-card{max-width:none}.register-layout .auth-promo{padding:27px}}
.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #e3e8f0;border-radius:9px;padding:12px 13px;font:13px 'DM Sans',Arial,sans-serif;outline:none;resize:vertical;min-height:90px}.form-grid textarea:focus{border-color:#8271ef;box-shadow:0 0 0 3px #8271ef18}.form-grid label small{display:block;color:#9aa3b4;font-size:10px;margin-top:6px}

/* V4.8 — refined registration experience */
.auth-page{padding:76px 28px 48px;align-items:flex-start;background:radial-gradient(ellipse at 12% 8%,#e9e8ff 0,transparent 35%),linear-gradient(135deg,#f7f8fd 0%,#eef1f8 100%)}
.auth-back{position:absolute;left:max(calc((100vw - 1280px)/2),32px);top:27px;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #e2e6f0;border-radius:999px;background:#ffffffc9;color:#56617b;box-shadow:0 5px 18px #2634540a;transition:.2s}
.auth-back:hover{color:#604be0;border-color:#d7d0ff;transform:translateY(-1px)}
.auth-layout,.register-layout{width:min(1280px,100%);min-height:720px;border-radius:28px;grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);box-shadow:0 35px 100px #17234418,0 4px 15px #17234408;border:1px solid #e8ebf4}
.register-layout{min-height:720px}
.auth-promo,.register-layout .auth-promo{padding:52px 48px 42px;background:radial-gradient(ellipse at 85% 12%,#5145a0 0%,transparent 42%),radial-gradient(ellipse at 0% 90%,#282b62 0%,transparent 55%),linear-gradient(145deg,#171d40,#10172f 78%)}
.auth-promo:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #b6a8ff20;border-radius:50%;right:-190px;top:20%;box-shadow:0 0 0 45px #a99aff08,0 0 0 90px #a99aff05;pointer-events:none}
.auth-promo:after{font-size:270px;right:-18px;bottom:40px;color:#ffffff09}
.auth-promo h1{font-size:clamp(38px,3.7vw,50px);line-height:1.13;letter-spacing:-1.9px;max-width:460px;margin:24px 0 18px}
.auth-promo p{max-width:390px;font-size:13px;line-height:1.9;color:#b9c3dc}
.auth-promo-foot{font-size:9px;letter-spacing:2.2px;color:#929fc1}
.auth-form-side{padding:46px clamp(38px,5vw,76px);background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);display:flex;align-items:center;justify-content:center}
.auth-form-inner{width:min(100%,590px)}
.auth-form-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 34px;padding-bottom:22px;border-bottom:1px solid #edf0f6}
.auth-mini-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#202944}
.auth-mini-brand .public-logo{width:38px;height:38px;border-radius:12px}
.auth-mini-brand b{display:block;font:900 11px Manrope;letter-spacing:1px}
.auth-mini-brand small{display:block;color:#9aa3b6;font-size:8px;letter-spacing:1.3px;margin-top:4px}
.auth-step{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#929bb0;white-space:nowrap}
.auth-step b{display:inline-flex;margin-left:8px;padding:6px 9px;border-radius:99px;background:#f1efff;color:#7059e9;font-size:8px}
.register-card{max-width:590px;width:100%}
.register-card>.section-kicker{font-size:9px}
.register-card h2{font-size:30px;letter-spacing:-.8px;margin:9px 0 7px}
.register-card .auth-sub{font-size:12px;line-height:1.7;margin-bottom:23px}
.register-card form{gap:16px}
.auth-card label{font-size:11px;gap:8px;color:#4e5a74}
.auth-card input:not([type=radio]){box-sizing:border-box;min-height:49px;padding:14px 15px;border:1px solid #e1e6f0;border-radius:12px;background:#f9faff;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}
.auth-card input:not([type=radio]):hover{border-color:#cbd2e2}
.auth-card input:not([type=radio]):focus{background:#fff;border-color:#8b78f0;box-shadow:0 0 0 4px #8b78f015}
.auth-two{grid-template-columns:1fr 1fr;gap:15px}
.account-type{gap:13px;margin:0 0 2px}
.type-option span{min-height:70px;padding:14px 15px;border-radius:13px;background:#fff;transition:.18s}
.type-option span:hover{border-color:#c9c0ff;background:#fbfaff}
.type-option b{font-size:11px;color:#26314e}
.type-option small{font-size:10px;color:#8c96ab;line-height:1.4}
.type-option input:checked+span{border-color:#8069ef;background:linear-gradient(135deg,#f7f5ff,#fff);box-shadow:0 0 0 3px #8069ef12,inset 3px 0 #8069ef}
.auth-submit{min-height:53px;border-radius:13px;font-size:12px;margin-top:3px;letter-spacing:.1px}
.auth-switch{font-size:11px;margin-top:20px}
.auth-secure{font-size:10px;margin-top:23px}
.auth-error{font-size:12px}
.register-success{padding:30px 10px}
@media(max-width:900px){.auth-page{padding:68px 18px 28px}.auth-layout,.register-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)}.auth-promo,.register-layout .auth-promo{padding:38px 30px}.auth-form-side{padding:38px 28px}.auth-promo h1{font-size:36px}}
@media(max-width:700px){.auth-page{padding:62px 12px 18px}.auth-back{left:14px;top:14px;padding:8px 11px}.auth-layout,.register-layout{grid-template-columns:1fr;border-radius:20px;min-height:unset}.auth-promo,.register-layout .auth-promo{min-height:270px;padding:26px 24px}.auth-promo h1{font-size:32px;max-width:100%;margin:17px 0 12px}.auth-promo p{font-size:11px}.auth-form-side{padding:26px 21px 30px}.auth-form-head{margin-bottom:24px;padding-bottom:17px}.auth-step{font-size:7px}.register-card h2{font-size:26px}.auth-two{grid-template-columns:1fr 1fr;gap:10px}.account-type{gap:9px}.type-option span{padding:12px 10px;min-height:68px}}
@media(max-width:420px){.auth-two{grid-template-columns:1fr}.auth-form-head{align-items:flex-start;flex-direction:column}.auth-step{margin-left:49px}}

/* V4.8.1: restore the original AI brand mark in the application header */
.workspace-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;text-decoration:none;color:#18213b;margin-right:28px}
.workspace-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#9c8bff,#6048ed);display:grid;place-items:center;color:#fff;font:900 15px Manrope,sans-serif;box-shadow:0 8px 24px #705cf655;letter-spacing:-.5px}
.workspace-brand b{display:block;font:900 11px Manrope,sans-serif;letter-spacing:1px;white-space:nowrap}
.workspace-brand small{display:block;color:#8993ac;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:4px;white-space:nowrap}
.workspace-page-title{min-width:0}
.topbar{gap:18px}
@media(max-width:700px){.workspace-brand{margin-right:12px;gap:8px}.workspace-brand-mark{width:36px;height:36px;border-radius:11px}.workspace-brand b{font-size:9px}.workspace-brand small{font-size:7px}.workspace-page-title .eyebrow{font-size:8px}.workspace-page-title h1{font-size:17px!important}.topbar{align-items:flex-start}}