:root{color:#111827;font-synthesis:none;--ink:#171b1f;--blue:#315efb;--line:#dfe3ea;--muted:#667085;--surface:#fff;--green:#18a566;background:#fbfaf7;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:#fbfaf7;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{color:#d7dde6;z-index:20;background:radial-gradient(circle at 10% 15%,#202833 0,#171b1f 48%,#14181c 100%);flex-direction:column;width:232px;padding:24px 13px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:11px;height:40px;margin-bottom:28px;padding:0 14px;font-family:Manrope,sans-serif;font-size:20px;display:flex}.brand-mark{color:#fff;background:#315efb;border-radius:8px;place-items:center;width:28px;height:28px;font-size:20px;font-weight:700;display:grid}.sidebar nav{gap:5px;display:grid}.sidebar nav button,.side-bottom button{color:#cdd3dd;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;height:47px;padding:0 15px;display:flex}.sidebar nav button:hover,.side-bottom button:hover{color:#fff;background:#222a34}.sidebar nav button.active{color:#fff;background:#253e72}.side-bottom{gap:3px;margin-top:auto;display:grid}.mobile-close{display:none}.workspace{min-height:100vh;margin-left:232px}.topbar{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#fbfaf7eb;align-items:center;gap:22px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.workspace-switch{border:1px solid var(--line);color:#202939;background:#fff;border-radius:10px;align-items:center;gap:10px;height:42px;padding:0 13px;display:flex}.workspace-switch div{color:#233662;font-size:19px}.global-search{border:1px solid var(--line);color:#667085;background:#f7f8fa;border-radius:10px;flex:1;align-items:center;gap:10px;max-width:520px;height:42px;margin:auto;padding:0 13px;display:flex}.global-search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.global-search kbd{border:1px solid var(--line);background:#fff;border-radius:5px;padding:2px 6px;font-size:11px}.icon-btn{color:#637083;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-btn:hover{color:#151b2b;background:#f1f3f7}.notification{position:relative}.notification i{background:#f04438;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.profile{align-items:center;gap:8px;font-size:14px;display:flex}.avatar{color:#30489a;background:linear-gradient(135deg,#d4e0ff,#eef0ff);border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.content{max-width:1500px;margin:0 auto;padding:32px 30px 52px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:29px;display:flex}.page-title h1{letter-spacing:-1.2px;color:#0c1220;margin:0 0 7px;font-family:Manrope,sans-serif;font-size:34px;line-height:1.12}.page-title p{color:var(--muted);margin:0;font-size:16px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 17px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #315efb33}.btn-primary:hover{background:#214ce3}.btn-secondary{color:#273142;background:#fff;border-color:#d5dae3}.btn-secondary:hover{background:#f7f8fa}.btn-ghost{background:0 0}.btn-danger{color:#d92d20;background:#fff;border-color:#f1b9b5}.overview-grid{grid-template-columns:minmax(0,1fr) 292px;gap:26px;display:grid}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;min-height:116px;padding:20px;display:flex}.metric-icon{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.metric-icon.blue{color:#315efb;background:#edf3ff}.metric-icon.violet{color:#6d55e8;background:#f1efff}.metric-icon.green{color:#15965c;background:#e7f8ee}.metric>div:last-child{display:grid}.metric strong{font:700 25px/1.1 Manrope,sans-serif}.metric span{color:#687286;margin-top:3px;font-size:14px}.metric small{color:#15965c;margin-top:7px;font-size:12px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:20px;overflow:visible}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:59px;padding:0 20px;display:flex}.panel-head h2,.activity h2,.settings-panel h2{margin:0;font:700 19px Manrope,sans-serif}.text-link{color:var(--blue);background:0 0;border:0;padding:5px;font-size:13px}.table-wrap{overflow:visible}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#687286;background:#f7f8fa;padding:12px 16px;font-weight:500}td{color:#20293a;border-top:1px solid #e4e7ec;padding:10px 16px}tbody tr{cursor:pointer}tbody tr:hover{background:#fafbff}.page-cell{align-items:center;gap:11px;min-width:215px;display:flex}.page-cell>div:last-child{gap:2px;display:grid}.page-cell strong{color:#182033;font-weight:600}.page-cell span{color:#788399}.mini-page{background:#e8f0ff;border:1px solid #d5dfef;border-radius:4px;width:48px;height:36px;padding:7px;position:relative}.mini-page:before{content:"";background:#315efb;border-radius:2px;width:16px;height:3px;margin-bottom:4px;display:block}.mini-page span{background:#aab5ca;width:26px;height:2px;display:block}.mini-page i{background:#fff;border-radius:1px;width:10px;height:5px;margin-top:5px;display:block}.thumb-1 .mini-page,.thumb-3 .mini-page{background:#171b2e}.thumb-2 .mini-page{background:#ddf0e9}.status{align-items:center;gap:7px;font-size:13px;display:inline-flex}.status i{background:#98a2b3;border-radius:50%;width:8px;height:8px}.status-live i{background:#18a566}.status-archived i{background:#b87820}.menu-cell{width:50px;position:relative}.row-menu{border:1px solid var(--line);z-index:8;background:#fff;border-radius:10px;width:160px;padding:6px;position:absolute;top:41px;right:10px;box-shadow:0 12px 34px #11182726}.row-menu button{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 9px;font-size:13px;display:flex}.row-menu button:hover{background:#f2f4f7}.activity{border-left:1px solid var(--line);padding-left:25px}.activity-head{justify-content:space-between;align-items:center;margin:2px 0 22px;display:flex}.activity-item{gap:13px;padding-bottom:26px;display:flex;position:relative}.activity-item:not(:last-child):before{content:"";background:#dde2e8;width:1px;position:absolute;top:39px;bottom:0;left:18px}.activity-icon{color:#15965c;z-index:1;background:#e7f8ee;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;display:grid}.activity-icon.rank{color:#6d55e8;background:#f0edff}.activity-icon.domain{color:#315efb;background:#edf3ff}.activity-item>div:last-child{gap:3px;padding-top:1px;display:grid}.activity-item strong{font-size:13px}.activity-item small{color:#7b8495;font-size:12px}.activity-item p{color:#657085;margin:2px 0 0;font-size:12.5px;line-height:1.45}.traffic{padding-bottom:16px}.panel-head select{border:1px solid var(--line);color:#344054;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.chart{height:185px;padding:16px 20px 0 58px;position:relative}.chart svg{background:repeating-linear-gradient(#fff 0 33px,#e8ebf0 34px);width:100%;height:135px;overflow:visible}.chart .line{fill:none;stroke:#315efb;stroke-width:2.2px}.chart .area{fill:url(#fill)}.chart-y{color:#7f899a;flex-direction:column;justify-content:space-between;height:138px;font-size:10px;display:flex;position:absolute;top:12px;left:17px}.chart-x{color:#7f899a;justify-content:space-between;margin-top:3px;font-size:10px;display:flex}.toolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.tabs{gap:4px;display:flex}.tabs button{color:#596477;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:13px}.tabs button.active{color:#234dcc;background:#e9efff;font-weight:600}.tabs span{opacity:.65;margin-left:7px}.search-small{border:1px solid var(--line);color:#667085;background:#fff;border-radius:8px;align-items:center;gap:8px;width:230px;height:38px;padding:0 10px;display:flex}.search-small input{border:0;outline:0;width:100%}.page-list{overflow:visible}.empty{text-align:center;color:#768195;padding:50px}.empty h3{color:#20293a;margin:10px 0 4px}.empty p{margin:0}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.template-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.template-preview{background:#edf3ff;height:220px;padding:27px 32px}.template-preview.violet{background:#f1efff}.template-preview.mint{background:#e9f7f1}.template-preview.sand{background:#f6f0e7}.wire-nav{background:#182033;border-radius:4px;width:65px;height:8px;margin-bottom:40px}.wire-title{background:#182033;border-radius:3px;width:54%;height:13px;margin-bottom:9px}.wire-copy{background:#8590a1;border-radius:3px;width:70%;height:6px}.wire-button{background:#315efb;border-radius:5px;width:72px;height:23px;margin-top:20px}.wire-row{gap:8px;margin-top:34px;display:flex}.wire-row i{background:#ffffffb8;border:1px solid #0000000f;border-radius:6px;flex:1;height:50px}.template-meta{justify-content:space-between;align-items:flex-end;gap:20px;padding:18px;display:flex}.template-meta h3,.leader-card h3{margin:0 0 5px;font:700 17px Manrope,sans-serif}.template-meta p{color:#667085;margin:0;font-size:13px}.template-meta span{color:#8a94a5;margin-top:8px;font-size:12px;display:block}.leader-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.leader-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .2s}.leader-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #19223214}.leader-top,.leader-foot{justify-content:space-between;align-items:center;display:flex}.trophy{color:#6d55e8;background:#eeebff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.visibility{color:#168453;background:#e9f7ef;border-radius:5px;padding:4px 7px;font-size:11px}.visibility.private{color:#667085;background:#f1f2f4}.visibility.unlisted{color:#a46613;background:#fff2dc}.leader-card h3{margin-top:18px}.leader-card>p{color:#798396;margin:0;font-size:13px}.leader-card dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.leader-card dt{text-transform:uppercase;letter-spacing:.4px;color:#8b95a5;font-size:10px}.leader-card dd{margin:4px 0 0;font-size:12px;font-weight:600}.leader-foot{border-top:1px solid #e8ebf0;padding-top:14px}.leader-foot span{color:#667085;align-items:center;gap:7px;font-size:12px;display:flex}.leader-foot i{background:#98a2b3;border-radius:50%;width:7px;height:7px}.leader-foot i.on{background:#18a566}.split-view{grid-template-columns:minmax(0,1fr) 330px;gap:20px;display:grid}.domain-list{padding:4px 20px}.domain-row{border-bottom:1px solid #e8ebf0;grid-template-columns:42px 1fr auto 34px;align-items:center;gap:12px;padding:16px 0;display:grid}.domain-row:last-child{border-bottom:0}.domain-icon{color:#315efb;background:#edf3ff;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.domain-row>div:nth-child(2){display:grid}.domain-row strong{font-size:14px}.domain-row span{color:#7b8495;margin-top:2px;font-size:12px}.verify{align-items:center;gap:6px;display:flex}.verify i{background:#e6a23c;border-radius:50%;width:7px;height:7px}.verify.ok i{background:#18a566}.settings-panel{border:1px solid var(--line);background:#fff;border-radius:12px;height:max-content;padding:22px}.settings-panel>p{color:#667085;font-size:13px;line-height:1.5}.settings-panel label{gap:6px;margin:15px 0;font-size:12px;font-weight:600;display:grid}.settings-panel input{border:1px solid var(--line);color:#596477;background:#fafbfc;border-radius:8px;height:39px;padding:0 10px}.coverage{border-top:1px solid #e7eaf0;margin-top:25px;padding-top:20px;display:grid}.coverage strong{font:700 19px Manrope}.coverage span{color:#667085;margin-top:3px;font-size:12px}.coverage>div{background:#e8ebf0;border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.coverage i{background:#315efb;border-radius:3px;height:100%;display:block}.analytics-panel{margin-top:20px}.bar-list{padding:12px 20px 22px}.bar-list>div{grid-template-columns:170px 1fr 50px;align-items:center;gap:15px;margin:18px 0;font-size:13px;display:grid}.bar-list>div>div{background:#edf0f4;border-radius:6px;height:9px;overflow:hidden}.bar-list i{background:#315efb;border-radius:6px;height:100%;display:block}.bar-list strong{text-align:right}.team-list{padding:0 20px}.team-header,.team-row{grid-template-columns:minmax(250px,1fr) 140px 160px 40px;align-items:center;gap:15px;display:grid}.team-header{color:#7b8495;text-transform:uppercase;letter-spacing:.5px;padding:14px 0;font-size:11px}.team-row{border-top:1px solid #e8ebf0;padding:15px 0}.member{align-items:center;gap:11px;display:flex}.avatar.small{width:38px;height:38px}.member>div:last-child{display:grid}.member strong{font-size:14px}.member span{color:#7c8595;font-size:12px}.team-row select{border:1px solid var(--line);background:#fff;border-radius:8px;height:37px;padding:0 9px}.access{color:#667085;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#0f131b80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(570px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #00000040}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.modal-head h2{margin:0;font:700 21px Manrope}.modal-head p{color:#667085;margin:5px 0 0;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px;display:grid}.form-grid label,.settings-panel label{color:#344054;gap:7px;font-size:12px;font-weight:600;display:grid}.form-grid input,.form-grid select,.form-grid textarea{color:#1e293b;background:#fff;border:1px solid #d7dce5;border-radius:8px;outline:0;width:100%;height:42px;padding:0 11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}.form-grid textarea{resize:vertical;height:105px;padding:10px}.span-2{grid-column:1/-1}.url-input{border:1px solid #d7dce5;border-radius:8px;align-items:center;height:42px;display:flex;overflow:hidden}.url-input span{color:#687286;background:#f5f6f8;border-right:1px solid #d7dce5;align-items:center;height:100%;padding:0 10px;font-weight:400;display:flex}.url-input input{height:100%;box-shadow:none!important;border:0!important}.form-note{color:#657085;background:#f5f7fb;border-radius:7px;align-self:end;align-items:center;gap:8px;min-height:42px;padding:7px 9px;font-size:11px;line-height:1.35;display:flex}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:15px 24px;display:flex}.editor-tabs{border-bottom:1px solid var(--line);gap:25px;height:49px;padding:0 24px;display:flex}.editor-tabs button{color:#667085;background:0 0;border:0;border-bottom:2px solid #0000;font-size:13px}.editor-tabs button.active{color:#315efb;border-color:#315efb;font-weight:600}.editor-body{min-height:300px;padding:21px 24px}.blocks-list{gap:8px;display:grid}.block-row{color:#6e788a;border:1px solid #e0e4ea;border-radius:9px;grid-template-columns:24px 34px 1fr auto 34px;align-items:center;height:51px;padding:0 8px;font-size:12px;display:grid}.block-row strong{color:#273142;font-size:13px}.drag{color:#98a2b3;font-size:18px}.block-symbol{color:#315efb;background:#edf3ff;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.add-block{color:#315efb;background:#fafbfc;border:1px dashed #b9c3d2;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:45px;font-size:13px;font-weight:600;display:flex}.form-grid.inset{padding:0}.autosave{color:#15965c;align-items:center;gap:5px;margin-right:auto;font-size:11px;display:flex}.toggle-label{grid-column:1/-1;align-items:center;grid-template-columns:20px 1fr!important;display:flex!important}.toggle-label input{width:16px;height:16px}.toast{z-index:70;color:#fff;background:#19201f;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;animation:.25s toast;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #0003}.hamburger{display:none}@keyframes toast{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1100px){.activity{display:none}.overview-grid{display:block}.leader-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}.content{padding:28px 22px}.global-search{max-width:380px}}@media (width<=820px){.sidebar{transition:all .2s;transform:translate(-100%);box-shadow:20px 0 50px #00000040}.sidebar.open{transform:none}.workspace{margin-left:0}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:grid}.hamburger{background:0 0;border:0;display:grid}.workspace-switch,.profile span,.profile>svg{display:none}.content{padding:23px 16px}.metrics{grid-template-columns:1fr}.metric{min-height:90px}.page-title{align-items:flex-start;gap:18px}.page-title h1{font-size:28px}.template-grid,.leader-grid,.split-view{grid-template-columns:1fr}.team-header{display:none}.team-row{grid-template-columns:1fr 120px 30px}.access{display:none}.toolbar{flex-direction:column;align-items:flex-start;gap:12px}.search-small{width:100%}.global-search kbd{display:none}}@media (width<=560px){.topbar{gap:9px}.global-search{order:2}.content{padding:20px 12px}.page-title{display:grid}.page-title .btn{width:max-content}.panel{border-radius:10px}.table-wrap{overflow-x:auto}table{min-width:720px}.template-preview{height:170px}.template-meta{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:1}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:16px 16px 0 0;max-height:93vh}.editor-body{padding:16px}.block-row{grid-template-columns:20px 32px 1fr 32px}.block-row>span:nth-of-type(2){display:none}.modal-actions{padding:13px 16px}.autosave{display:none}.tabs{max-width:100%;overflow-x:auto}}.profile-wrap{position:relative}.profile{background:0 0;border:0;padding:0}.profile-menu{border:1px solid var(--line);z-index:30;background:#fff;border-radius:10px;width:210px;padding:13px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 14px 36px #11182724}.profile-menu strong{font-size:13px}.profile-menu span{color:#7a8494;margin:3px 0 11px;font-size:11px}.profile-menu button{text-align:left;color:#d92d20;background:0 0;border:0;border-top:1px solid #e7eaf0;padding:10px 0 0;font-size:12px}.auth-page{background:linear-gradient(120deg,#151a20 0,#202835 46%,#fbfaf7 46%);place-items:center;min-height:100vh;display:grid;position:relative}.auth-brand{color:#fff;align-items:center;gap:11px;font:700 20px Manrope;display:flex;position:absolute;top:30px;left:35px}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(430px,100% - 32px);padding:34px;display:grid;box-shadow:0 22px 70px #0003}.auth-icon{color:#315efb;background:#edf3ff;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.auth-card h1{margin:20px 0 7px;font:700 28px Manrope}.auth-card>p{color:#667085;margin:0 0 25px;font-size:14px;line-height:1.5}.auth-card label{gap:7px;margin-bottom:15px;font-size:12px;font-weight:600;display:grid}.auth-card input{border:1px solid #d7dce5;border-radius:8px;outline:0;height:43px;padding:0 11px}.auth-card input:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb1a}.auth-card .btn{margin-top:4px}.auth-card small{text-align:center;color:#8a94a5;margin-top:15px}@media (width<=620px){.auth-page{background:#171b1f;align-items:end}.auth-brand{top:22px;left:22px}.auth-card{border-radius:18px 18px 0 0;width:100%;padding:28px 22px}}.preview-workspace{grid-template-columns:minmax(0,1fr) 225px;gap:16px;display:grid}.preview-browser{background:#fff;border:1px solid #d8dde6;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #171f2c14}.preview-browser-bar{color:#7b8494;background:#f4f6f8;border-bottom:1px solid #e0e4ea;align-items:center;gap:10px;height:39px;padding:0 10px;font-size:10px;display:flex}.browser-dots{gap:4px;display:flex}.browser-dots i{background:#d0d5dd;border-radius:50%;width:6px;height:6px}.browser-dots i:first-child{background:#f97066}.browser-dots i:nth-child(2){background:#fdb022}.browser-dots i:last-child{background:#32d583}.preview-browser-bar>span{white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e0e4ea;border-radius:5px;flex:1;padding:4px 9px;overflow:hidden}.preview-browser-bar button{color:#315efb;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.landing-canvas{color:#131927;background:#faf9f6;min-height:360px}.landing-canvas nav{border-bottom:1px solid #e7e4de;align-items:center;height:52px;padding:0 22px;display:flex}.landing-canvas nav>strong{letter-spacing:1px;font:800 13px Manrope}.landing-canvas nav>div{gap:5px;margin:auto;display:flex}.landing-canvas nav button{color:#596273;background:0 0;border:0;padding:6px;font-size:9px}.landing-canvas .canvas-cta{color:#fff;background:#182033;border-radius:5px;padding:7px 10px}.canvas-hero{text-align:center;justify-items:center;padding:50px 35px 42px;display:grid}.canvas-hero>span{text-transform:uppercase;letter-spacing:1.4px;color:#315efb;font-size:9px;font-weight:700}.canvas-hero h2{letter-spacing:-1px;max-width:430px;margin:12px 0 10px;font:700 31px/1.1 Manrope}.canvas-hero p{color:#697386;max-width:410px;margin:0;font-size:11px;line-height:1.55}.canvas-hero>div{gap:8px;margin-top:21px;display:flex}.canvas-hero button{border-radius:6px;height:32px;padding:0 13px;font-size:10px;font-weight:600}.canvas-primary{color:#fff;background:#315efb;border:1px solid #315efb;align-items:center;gap:5px;display:flex}.canvas-secondary{color:#273142;background:#fff;border:1px solid #d7dce5}.canvas-proof{text-align:center;background:#fff;border-top:1px solid #ece9e3;padding:17px 25px}.canvas-proof small{letter-spacing:1.1px;color:#9299a5;font-size:7px}.canvas-proof>div{color:#697386;justify-content:space-around;margin-top:12px;font-size:10px;display:flex}.link-inspector{background:#fff;border:1px solid #e0e4ea;border-radius:10px;flex-direction:column;gap:7px;padding:15px;display:flex}.link-inspector h3{margin:0;font:700 14px Manrope}.link-inspector>div:first-child p{color:#7b8495;margin:4px 0 8px;font-size:10px;line-height:1.4}.link-inspector>button{text-align:left;color:#516078;background:#fff;border:1px solid #e5e8ed;border-radius:7px;justify-content:space-between;align-items:center;padding:9px;display:flex}.link-inspector>button:hover{background:#f8faff;border-color:#aabaf7}.link-inspector>button span{min-width:0;display:grid}.link-inspector>button strong{color:#273142;font-size:11px}.link-inspector>button small{white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-top:3px;font-size:8px;overflow:hidden}.link-result{color:#17794d;background:#eaf8f0;border-radius:7px;align-items:flex-start;gap:7px;margin-top:auto;padding:9px;font-size:9px;display:flex}.link-result span{overflow-wrap:anywhere;gap:2px;display:grid}.link-hint{color:#758094;background:#f5f7fa;border-radius:7px;margin-top:auto;padding:9px;font-size:9px;line-height:1.4}@media (width<=760px){.preview-workspace{grid-template-columns:1fr}.link-inspector{max-height:240px}.canvas-hero{padding:38px 20px}.landing-canvas nav>div{display:none}}.modal-wide{width:min(1040px,100%)}.b88-editor-head{border-bottom:1px solid var(--line);background:#f8f9fb;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.b88-editor-head>div{align-items:center;gap:14px;font-size:12px;display:flex}.live-dot{color:#17794d;align-items:center;gap:6px;display:flex}.live-dot i{background:#18a566;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff5e9}.b88-editor-head a{color:#315efb;align-items:center;gap:5px;font-size:12px;text-decoration:none;display:flex}.b88-tabs{gap:24px;overflow-x:auto}.b88-tabs button{white-space:nowrap}.b88-editor-body{background:#fbfbfc;min-height:470px;max-height:58vh;padding:22px 24px;overflow:auto}.b88-section{gap:18px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading h3{margin:0;font:700 18px Manrope}.section-heading p{color:#6f7889;margin:5px 0 0;font-size:12px}.switch{color:#344054;white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.switch input{opacity:0;position:absolute}.switch i{background:#c8ced8;border-radius:12px;width:34px;height:19px;transition:all .2s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch input:checked+i{background:#315efb}.switch input:checked+i:after{left:17px}.compact-fields{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.compact-fields.three{grid-template-columns:.8fr 1.2fr 1fr}.compact-fields label,.prize-edit label{color:#475467;gap:6px;font-size:11px;font-weight:600;display:grid}.compact-fields input,.compact-fields select,.prize-edit input,.tier-row input{background:#fff;border:1px solid #d9dee6;border-radius:7px;outline:0;height:38px;padding:0 9px;font-size:12px}.compact-fields input:focus,.prize-edit input:focus,.tier-row input:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb14}.ranking-editor,.tier-editor{background:#fff;border:1px solid #dde2ea;border-radius:9px;overflow:hidden}.ranking-head,.ranking-row{grid-template-columns:58px 1fr 170px 70px 36px;align-items:center;gap:10px;padding:8px 12px;display:grid}.ranking-head,.tier-head{color:#7b8495;text-transform:uppercase;letter-spacing:.5px;background:#f3f5f8;font-size:9px;font-weight:700}.ranking-row{border-top:1px solid #e7eaf0}.ranking-row>strong{color:#fff;background:#1d2530;border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.ranking-row input{border:1px solid #e0e4ea;border-radius:6px;height:33px;padding:0 8px;font-size:12px}.money-input{border:1px solid #e0e4ea;border-radius:6px;height:33px;display:flex;overflow:hidden}.money-input span{color:#6e788a;background:#f4f5f7;border-right:1px solid #e0e4ea;place-items:center;padding:0 7px;font-size:9px;display:grid}.money-input input{border:0;border-radius:0;width:100%;min-width:0}.rank-move{color:#98a2b3;font-size:11px;font-weight:700}.rank-move.up{color:#17915a}.rank-move.down{color:#d04437}.add-row{color:#315efb;background:#fff;border:1px dashed #bac3d0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:12px;font-weight:600;display:flex}.countdown-preview{color:#fff;text-align:center;background:linear-gradient(135deg,#171b1f,#252e3a);border-radius:12px;padding:28px}.countdown-preview>span{letter-spacing:2px;color:#b5bfcc;font-size:10px}.countdown-preview>div{justify-content:center;gap:30px;margin-top:15px;display:flex}.countdown-preview strong{min-width:52px;font:700 30px Manrope;display:grid}.countdown-preview small{color:#8f9aaa;letter-spacing:1px;margin-top:5px;font:500 8px DM Sans}.prize-editor-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.prize-edit{background:#fff;border:1px solid #dfe3ea;border-radius:9px;grid-template-columns:34px 1fr 1fr 32px;align-items:end;gap:9px;padding:12px;display:grid}.prize-number{color:#a46a12;background:#fff4d9;border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:2px;font:700 11px Manrope;display:grid}.tier-head,.tier-row{grid-template-columns:1.1fr .9fr 1.25fr 80px 34px;align-items:center;gap:8px;padding:8px 10px;display:grid}.tier-row{border-top:1px solid #e7eaf0}.tier-row input{width:100%;min-width:0;height:34px}.terms-editor{gap:8px;display:grid}.terms-editor>div{grid-template-columns:31px 1fr 34px;align-items:center;gap:9px;display:grid}.terms-editor>div>span{color:#315efb;background:#eaf0ff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;font-weight:700;display:grid}.terms-editor textarea{resize:vertical;border:1px solid #d9dee6;border-radius:8px;outline:0;min-height:57px;padding:10px;font:12px/1.45 DM Sans}.terms-editor textarea:focus{border-color:#315efb;box-shadow:0 0 0 3px #315efb14}@media (width<=760px){.b88-editor-body{padding:16px}.compact-fields,.compact-fields.three,.prize-editor-grid{grid-template-columns:1fr}.ranking-head,.ranking-row{grid-template-columns:42px 1fr 125px 45px 30px;padding:7px}.tier-editor{overflow-x:auto}.tier-head,.tier-row{min-width:720px}.countdown-preview>div{gap:10px}.section-heading{flex-direction:column;align-items:flex-start}.b88-tabs{padding:0 16px}}.image-error{color:#b42318;background:#fff1f0;border:1px solid #f5c4c0;border-radius:8px;padding:9px 11px;font-size:11px}.prize-edit{grid-template-columns:120px 1fr;align-items:stretch;padding:10px}.prize-upload{text-align:center;cursor:pointer;background:#f8f9fb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:155px;position:relative;overflow:hidden;color:#315efb!important;border:1px dashed #b8c2d0!important;gap:5px!important;display:flex!important}.prize-upload:hover{background:#f1f5ff;border-color:#315efb!important}.prize-upload input{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.prize-upload span{font-size:11px}.prize-upload small{color:#8a94a5;font-size:8px;font-weight:400}.prize-upload.has-image{background:#eef1f5;border-style:solid!important}.prize-upload img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.prize-fields{grid-template-columns:1fr 1fr;align-content:start;gap:8px;display:grid}.prize-card-head{grid-column:1/-1;align-items:center;gap:8px;min-width:0;display:flex}.prize-card-head>span{color:#7b8495;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.prize-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}.prize-actions button{color:#315efb;background:0 0;border:0;padding:2px;font-size:9px}.prize-actions .danger-link{color:#d92d20}@media (width<=600px){.prize-edit{grid-template-columns:95px 1fr}.prize-fields{grid-template-columns:1fr}.prize-card-head,.prize-actions{grid-column:1}.prize-upload{min-height:145px}}.title-row{align-items:center;gap:11px;display:flex}.preview-pill{color:#835d13;background:#fff4d9;border:1px solid #f1dca8;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.analytics-actions{align-items:center;gap:9px;display:flex}.analytics-actions select{color:#344054;background:#fff;border:1px solid #d7dce5;border-radius:8px;height:39px;padding:0 30px 0 11px}.tracking-callout{background:#f7f9ff;border:1px solid #d8e1ff;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:8px 20px;margin-bottom:18px;padding:13px 15px;display:grid}.tracking-callout>div:first-child{align-items:flex-start;gap:10px;display:flex}.tracking-dot{background:#f0a020;border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 4px #ffefd1}.tracking-callout strong{font-size:12px}.tracking-callout p{color:#697386;margin:3px 0 0;font-size:11px}.tracking-callout>button{color:#315efb;background:0 0;border:0;font-size:11px;font-weight:700}.tracking-details{color:#596579;border-top:1px solid #dfe5f6;grid-column:1/-1;margin-top:4px;padding:11px 0 1px;font-size:11px;display:none}.tracking-details.open{gap:4px;display:grid}.visitor-metrics{grid-template-columns:repeat(4,1fr)}.visitor-metrics .metric{min-width:0}.analytics-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:18px;margin-top:18px;display:grid}.analytics-grid .panel-head p,.visitor-pages .panel-head p{color:#7b8495;margin:4px 0 0;font-size:11px}.visitor-trend{grid-row:span 2}.chart-legend{color:#667085;align-items:center;gap:6px;font-size:10px;display:flex}.chart-legend i{background:#315efb;border-radius:50%;width:8px;height:8px}.trend-summary{align-items:baseline;gap:8px;padding:18px 20px 0;display:flex}.trend-summary strong{font:700 25px Manrope}.trend-summary span{color:#7b8495;font-size:11px}.visitor-trend svg{width:100%;height:235px;padding:12px 18px 0;overflow:visible}.visitor-trend svg line{stroke:#e7eaf0;stroke-width:1px}.visitor-trend svg polyline{fill:none;stroke:#315efb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.visitor-trend svg circle{fill:#fff;stroke:#315efb;stroke-width:2px;opacity:0}.visitor-trend svg circle:hover{opacity:1}.trend-axis{color:#98a2b3;justify-content:space-between;padding:0 22px 18px;font-size:9px;display:flex}.source-list{gap:12px;padding:7px 20px 18px;display:grid}.source-list>div>div:first-child{justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.source-list>div>div:last-child{background:#edf0f4;border-radius:5px;height:7px;overflow:hidden}.source-list i{background:#315efb;border-radius:5px;height:100%;display:block}.device-content{align-items:center;gap:24px;padding:10px 20px 22px;display:flex}.device-donut{background:conic-gradient(#315efb 0 68%,#76a9fa 68% 94%,#dbe5ff 94%);border-radius:50%;flex:none;place-items:center;width:112px;height:112px;display:grid}.device-donut:before{content:"";background:#fff;border-radius:50%;width:70px;height:70px;position:absolute}.device-donut>div{text-align:center;z-index:1;display:grid}.device-donut strong{font:700 18px Manrope}.device-donut span{color:#7b8495;font-size:9px}.device-legend{flex:1;gap:10px;display:grid}.device-legend span{color:#667085;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;font-size:10px;display:grid}.device-legend i{border-radius:50%;width:8px;height:8px}.device-legend .mobile{background:#315efb}.device-legend .desktop{background:#76a9fa}.device-legend .tablet{background:#dbe5ff}.device-legend strong{color:#1f2937}.location-list{padding:5px 20px 16px}.location-list>div{border-top:1px solid #edf0f4;justify-content:space-between;padding:10px 0;font-size:11px;display:flex}.location-list>div:first-child{border-top:0}.visitor-pages{margin-top:18px}.visitor-table{padding:0 20px 8px}.visitor-table-head,.visitor-table-row{grid-template-columns:minmax(250px,1.6fr) repeat(4,minmax(90px,.6fr));align-items:center;gap:15px;display:grid}.visitor-table-head{text-transform:uppercase;letter-spacing:.5px;color:#8a94a5;padding:11px 0;font-size:9px}.visitor-table-row{border-top:1px solid #e8ebf0;padding:14px 0;font-size:12px}.visitor-table-row>span:first-child{display:grid}.visitor-table-row>span:first-child strong{font-size:12px}.visitor-table-row small{color:#8a94a5;margin-top:3px;font-size:9px}.visitor-table-row>strong{color:#315efb}.device-donut{position:relative}@media (width<=1100px){.visitor-metrics{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr 1fr}.visitor-trend{grid-area:auto/1/auto/-1}}@media (width<=760px){.visitor-title,.analytics-actions{align-items:flex-start}.analytics-actions{flex-wrap:wrap;width:100%}.analytics-grid{grid-template-columns:1fr}.visitor-trend{grid-column:auto}.visitor-table{overflow-x:auto}.visitor-table-head,.visitor-table-row{min-width:720px}.tracking-callout{grid-template-columns:1fr}.tracking-callout>button{justify-self:start}.visitor-trend svg{height:190px}}@media (width<=520px){.visitor-metrics{grid-template-columns:1fr}.title-row{flex-direction:column;align-items:flex-start}.preview-pill{margin-top:-4px}}.featured-template{grid-column:span 2}.template-preview.b88{background:#ffcc24;border:0;justify-items:center;gap:7px;width:100%;height:260px;padding:16px;display:grid;position:relative;overflow:hidden}.template-preview.b88>img{object-fit:cover;border-radius:50%;width:62px;height:62px}.template-preview.b88>div{border-radius:9px;width:62%;height:82px;overflow:hidden;box-shadow:0 8px 18px #00000029}.template-preview.b88>div img{object-fit:cover;width:100%;height:100%}.template-preview.b88>i{background:#090909;border-radius:14px;width:62%;height:24px;display:block}.template-name-row{align-items:center;gap:8px;display:flex}.template-name-row h3{margin:0}.template-name-row>span{color:#17794d;background:#e7f8ee;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:700}.template-actions{align-items:center;gap:8px;display:flex}.template-actions>button:not(.btn){color:#315efb;background:0 0;border:0;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.template-modal-preview{background:#ffcc24;max-height:64vh;overflow:auto}.hub-site{color:#0a0a0a;background:#ffcc24;min-height:100vh;padding:34px 16px;font-family:Arial,Helvetica,sans-serif}.hub-shell{justify-items:stretch;width:min(600px,100%);margin:0 auto;display:grid}.hub-logo{object-fit:cover;border-radius:50%;width:160px;height:160px;margin:0 auto 20px}.hub-carousel{aspect-ratio:3;background:#0a0a0a;border-radius:17px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000038}.hub-carousel>img{object-fit:cover;width:100%;height:100%;display:block}.hub-arrow{color:#fff;background:#0000008f;border:1px solid #ffcc24d9;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hub-arrow.previous{left:13px}.hub-arrow.next{right:13px}.hub-arrow.previous svg{transform:rotate(90deg)}.hub-arrow.next svg{transform:rotate(-90deg)}.hub-dots{align-items:center;gap:7px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.hub-dots button{background:#111;border:1px solid #fff;border-radius:50%;width:9px;height:9px;padding:0}.hub-dots button.active{background:#ffcc24;border-color:#ffcc24;border-radius:5px;width:23px}.hub-links{gap:12px;margin-top:27px;display:grid}.hub-links a,.hub-links button{color:#fff;text-align:center;background:#080808;border:0;border-radius:42px;grid-template-columns:36px 1fr 26px;align-items:center;min-height:80px;padding:0 30px;font-size:17px;text-decoration:none;display:grid;box-shadow:0 13px 25px #00000029}.hub-links a:hover,.hub-links button:hover{background:#111;transform:translateY(-2px)}.hub-links svg:last-child{opacity:.62}.hub-notice{text-align:center;background:#ffffff0f;border:1px solid #111;border-radius:13px;margin-top:26px;padding:22px 28px}.hub-notice h2{margin:0 0 11px;font:700 17px Arial}.hub-notice p{max-width:510px;margin:0 auto 13px;font-size:13px;line-height:1.45}.hub-notice>div{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.hub-notice a{color:#111;font-size:13px;font-weight:700}.hub-notice small{color:#000000a3;margin-top:15px;font-size:10px;display:block}.hub-footer{text-align:center;padding:23px 10px 0}.hub-footer>div{flex-wrap:wrap;justify-content:center;gap:14px;font-size:10px;font-weight:700;display:flex}.hub-footer h2{margin:14px 0 6px;font:700 20px Arial}.hub-footer p{margin:0;font-size:12px}.hub-preview-mode{min-height:0;padding:26px 14px}.hub-preview-mode .hub-shell{width:min(580px,100%)}.hub-preview-mode .hub-logo{width:120px;height:120px}.hub-preview-mode .hub-links a,.hub-preview-mode .hub-links button{min-height:62px}.hub-preview-mode .hub-notice{padding:18px 22px}.hub-open-site{color:#315efb;background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:flex}.draft-dot{color:#99630c}.draft-dot i{background:#e6a23c;box-shadow:0 0 0 3px #fff0d6}.hub-editor-body{min-height:510px}.hub-editor-message{color:#17794d;background:#e9f8ef;border:1px solid #bfe8d1;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:9px 11px;font-size:11px;display:flex}.hub-preview-wrap{justify-items:center;gap:8px;display:grid}.hub-preview-wrap>p{color:#7b8495;margin:0;font-size:10px}.hub-preview-browser{background:#fff;border:1px solid #d6dbe4;border-radius:12px;width:min(720px,100%);overflow:hidden;box-shadow:0 12px 30px #141d2d1f}.hub-preview-browser>div:first-child{background:#f1f3f6;border-bottom:1px solid #dfe3e9;align-items:center;gap:5px;height:37px;padding:0 10px;display:flex}.hub-preview-browser>div:first-child i{background:#f97066;border-radius:50%;width:7px;height:7px}.hub-preview-browser>div:first-child i:nth-child(2){background:#fdb022}.hub-preview-browser>div:first-child i:nth-child(3){background:#32d583}.hub-preview-browser>div:first-child span{color:#697386;background:#fff;border:1px solid #dce1e8;border-radius:5px;flex:1;margin-left:8px;padding:4px 9px;font-size:9px}.hub-editor-section{gap:18px;display:grid}.hub-link-list{gap:9px;display:grid}.hub-link-row{background:#fff;border:1px solid #dfe3ea;border-radius:9px;grid-template-columns:20px 112px minmax(150px,.8fr) minmax(210px,1.2fr) 65px 90px 34px;align-items:end;gap:8px;padding:10px;display:grid}.hub-link-row>svg{color:#98a2b3;align-self:center}.hub-link-row label{color:#667085;gap:5px;font-size:9px;display:grid}.hub-link-row input,.hub-link-row select,.hub-link-row>select{background:#fff;border:1px solid #d9dee6;border-radius:6px;width:100%;min-width:0;height:34px;padding:0 8px;font-size:11px}.hub-visible{justify-content:center;align-items:center;height:34px;gap:6px!important;display:flex!important}.hub-visible input{width:15px;height:15px}.hub-order{gap:4px;display:flex}.hub-order button{color:#526075;background:#fff;border:1px solid #d9dee6;border-radius:5px;height:30px;padding:0 7px;font-size:9px}.hub-order button:disabled{opacity:.35}.icon-btn.danger{color:#d92d20}.hub-brand-grid{grid-template-columns:210px 1fr;gap:20px;display:grid}.hub-brand-grid h4{margin:0 0 10px;font:700 13px Manrope}.hub-asset-upload{cursor:pointer;background:#fff;border:1px dashed #bbc4d1;border-radius:9px;place-items:center;min-height:120px;display:grid;position:relative;overflow:hidden}.hub-asset-upload img{object-fit:contain;background:#ffcc24;width:100%;height:100%;max-height:135px}.hub-asset-upload span{color:#fff;background:#080808db;border-radius:6px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;display:flex;position:absolute;bottom:8px;right:8px}.hub-asset-upload input,.hub-banner-heading input{opacity:0;width:1px;height:1px;position:absolute}.hub-asset-upload.logo{aspect-ratio:1}.hub-asset-upload.logo img{max-height:none}.hub-banner-heading{justify-content:space-between;align-items:center;display:flex}.hub-banner-heading .btn{position:relative}.hub-banner-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.hub-banner-list>div{gap:5px;display:grid}.hub-banner-list>div>button{color:#d92d20;background:0 0;border:0;justify-self:end;font-size:9px}.compact-fields textarea{resize:vertical;background:#fff;border:1px solid #d9dee6;border-radius:7px;outline:0;min-height:80px;padding:9px;font-size:12px}.compact-fields .span-2{grid-column:1/-1}@media (width<=980px){.featured-template{grid-column:span 1}.hub-link-row{grid-template-columns:20px 100px 1fr 1fr}.hub-visible,.hub-order,.hub-link-row>.danger{grid-row:2}.hub-visible{grid-column:2}.hub-order{grid-column:3}.hub-link-row>.danger{grid-column:4;justify-self:end}.hub-brand-grid{grid-template-columns:170px 1fr}}@media (width<=760px){.hub-site{padding:25px 16px}.hub-logo{width:136px;height:136px;margin-bottom:20px}.hub-carousel{border-radius:14px}.hub-links{margin-top:25px}.hub-links a,.hub-links button{border-radius:38px;min-height:70px;padding:0 24px;font-size:15px}.hub-notice{padding:20px 16px}.hub-notice>div{gap:11px}.hub-footer>div{gap:9px}.hub-preview-mode .hub-shell{width:100%}.hub-brand-grid{grid-template-columns:1fr}.hub-asset-upload.logo{max-width:190px}.hub-link-row{grid-template-columns:20px 1fr}.hub-link-row>select{grid-column:2}.hub-link-row label{grid-column:1/-1}.hub-visible{grid-column:1}.hub-order{grid-column:2;justify-self:end}.hub-link-row>.danger{grid-area:5/2;justify-self:end}.hub-banner-list{grid-template-columns:1fr}.template-actions{flex-direction:column;align-items:flex-end}}@media (width<=430px){.hub-site{padding:25px 16px}.hub-logo{width:136px;height:136px}.hub-carousel{aspect-ratio:600/200}.hub-arrow{width:34px;height:34px}.hub-links{gap:12px}.hub-links a,.hub-links button{grid-template-columns:32px 1fr 18px;min-height:70px;padding:0 22px}.hub-notice p{font-size:12px}.hub-footer{padding-bottom:10px}}.hub-notice{background:#e8b920}.hub-custom-icon{object-fit:contain;display:block}.hub-icon-field{color:#667085;gap:5px;min-width:0;font-size:9px;display:grid}.hub-icon-controls{grid-template-columns:34px minmax(88px,1fr) auto auto;align-items:center;gap:5px;display:grid}.hub-icon-preview{color:#fff;background:#101010;border:1px solid #d9dee6;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.hub-icon-preview img{object-fit:contain;width:22px;height:22px}.hub-icon-controls select{color:#273142;background:#fff;border:1px solid #d9dee6;border-radius:6px;width:100%;min-width:0;height:34px;padding:0 7px;font-size:10px}.hub-icon-upload,.hub-icon-reset{color:#315efb;cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:6px;justify-content:center;align-items:center;gap:4px;height:34px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.hub-icon-upload{position:relative}.hub-icon-upload input{opacity:0;width:1px;height:1px;position:absolute}.hub-icon-reset{color:#d92d20;width:34px;padding:0}.hub-link-row{grid-template-columns:20px minmax(245px,1.2fr) minmax(145px,.8fr) minmax(205px,1.1fr) 65px 90px 34px}@media (width<=980px){.hub-link-row{grid-template-columns:20px 1fr 1fr}.hub-icon-field{grid-column:2/-1}.hub-link-row>label:not(.hub-visible){grid-column:span 1}.hub-visible{grid-area:auto/1}.hub-order{grid-area:auto/2}.hub-link-row>.danger{grid-area:auto/3}}@media (width<=620px){.hub-link-row{grid-template-columns:20px 1fr}.hub-icon-field,.hub-link-row>label:not(.hub-visible){grid-column:1/-1}.hub-icon-controls{grid-template-columns:34px minmax(84px,1fr) auto auto}.hub-icon-upload span{display:none}.hub-visible{grid-column:1}.hub-order,.hub-link-row>.danger{grid-column:2}}@media (width<=430px){.hub-notice>div{max-width:260px;margin-inline:auto}.hub-footer>div{max-width:315px;margin-inline:auto;font-size:11px}}.security-summary{grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:16px;margin-bottom:18px;display:grid}.security-card{background:#fff;border:1px solid #dfe4ee;border-radius:12px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.security-card>svg{color:#315efb;margin-top:2px}.security-card h3{margin:0 0 4px;font-size:15px}.security-card p{color:#667085;margin:0;font-size:13px;line-height:1.55}.security-card.warning{background:#fffaf0;border-color:#f2dfb7}.security-card.warning>svg{color:#b7791f}.team-access-list{overflow:hidden}.team-access-head,.team-access-row{grid-template-columns:minmax(250px,1.4fr) 110px minmax(240px,1.2fr) 105px 130px;align-items:center;gap:18px;padding:13px 18px;display:grid}.team-access-head{color:#667085;background:#f7f9fc;border-bottom:1px solid #e5e9f0;font-size:11px;font-weight:600}.team-access-row{border-bottom:1px solid #edf0f5}.team-access-row:last-child{border-bottom:0}.team-access-row .member{min-width:0}.team-access-row .member strong,.team-access-row .member span{text-overflow:ellipsis;overflow:hidden}.role-badge,.account-status{border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.role-badge{color:#315efb;background:#edf2ff}.role-badge.master{color:#6d3ddb;background:#f2ecff}.account-status{color:#067647;background:#ecfdf3;gap:6px}.account-status:before{content:"";background:#12b76a;border-radius:50%;width:6px;height:6px}.account-status.suspended{color:#b42318;background:#fef3f2}.account-status.suspended:before{background:#f04438}.permission-summary{flex-wrap:wrap;gap:5px;display:flex}.permission-summary span{color:#475467;background:#f2f4f7;border-radius:5px;padding:4px 6px;font-size:10px}.permission-summary .more{color:#315efb;background:#edf2ff}.manage-access{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600}.manage-access:hover{background:#f9fafb;border-color:#98a2b3}.master-note{color:#667085;font-size:12px}.account-form{padding:20px}.account-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account-grid label,.permission-editor>span{color:#344054;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.account-grid input,.account-grid select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:8px;height:40px;padding:0 11px}.account-grid .span-2{grid-column:1/-1}.permission-editor{border-top:1px solid #eaecf0;grid-column:1/-1;padding-top:16px}.permission-editor>span small{color:#667085;font-weight:400}.permission-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.permission-option{background:#fbfcfe;border:1px solid #e4e7ec;border-radius:8px;align-items:center;padding:10px;color:#344054!important;flex-direction:row!important;gap:9px!important;font-size:12px!important;display:flex!important}.permission-option:has(input:checked){background:#f4f7ff;border-color:#b8c8ff}.permission-option input{accent-color:#315efb;width:15px;height:15px}.account-form .form-error,.auth-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;align-items:center;gap:7px;margin-top:14px;padding:10px 12px;font-size:12px;display:flex}.auth-security{text-align:left;background:#f8f9fc;border:1px solid #e4e7ec;border-radius:8px;align-items:flex-start;gap:8px;margin-top:4px;padding:10px 11px;display:flex}.auth-security svg{color:#315efb;flex:none;margin-top:1px}.auth-security span{color:#667085;font-size:11px;line-height:1.45}.auth-card .demo-access{color:#475467;text-align:left;background:#f7f9fc;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5;display:block}.auth-card .demo-access strong{color:#101828}.auth-card .auth-error{margin:0}.profile-menu .profile-access{color:#667085;margin-top:2px;font-size:11px;display:block}.team-access-row button:focus-visible,.permission-option:focus-within{outline-offset:2px;outline:2px solid #315efb}@media (width<=1050px){.team-access-head{display:none}.team-access-row{grid-template-columns:1fr auto;gap:10px}.team-access-row .permission-summary{grid-column:1/-1}.team-access-row .account-status{grid-area:1/2}.team-access-row .role-badge{grid-column:1}.team-access-row .manage-access,.team-access-row .master-note{grid-area:3/2}.security-summary{grid-template-columns:1fr}}@media (width<=640px){.permission-grid{grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}.account-grid .span-2{grid-column:auto}.security-card{padding:15px}.team-access-row{padding:14px}.team-access-row .member{grid-column:1/-1}.team-access-row .account-status{grid-row:2}.team-access-row .manage-access,.team-access-row .master-note{grid-row:3}.page-title.team-title{align-items:flex-start}.page-title.team-title .btn{justify-content:center;width:100%}}