/* SABSUS Platform 5 — shared shell, tokens and components. No legacy overrides. */
:root{font:14px/1.45 Arial,Helvetica,sans-serif;color:#111829;color-scheme:light;--ink:#111829;--navy:#091333;--muted:#54709b;--blue:#075aff;--line:rgba(99,151,220,.22);--shadow:0 8px 25px #2763ac14,0 2px 5px #3879c90b;--radius:22px;--gap:16px}
*{box-sizing:border-box;min-width:0}html{scrollbar-gutter:stable}body{margin:0;background:#e2efff;isolation:isolate;overflow-x:clip}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{position:relative;display:inline-flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;border:0;padding:0;background:transparent;line-height:1.25;cursor:pointer;touch-action:manipulation}button>*:not(canvas){position:relative;z-index:1;pointer-events:none}button:disabled{cursor:wait;opacity:1}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #1464e6;outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}svg{display:block;flex:none;vertical-align:middle}.icon{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:15px;height:15px}.icon.lg{width:27px;height:27px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#liquid-scene{position:fixed;inset:0;display:block;width:100%;height:100%;z-index:-1;pointer-events:none}.glass,[data-glass]{position:relative;isolation:isolate;background:rgba(180,215,249,.15);border:1px solid rgba(242,250,255,.5);border-radius:var(--radius);box-shadow:var(--shadow)}.glass-painted.glass{background:transparent;border-color:rgba(240,251,255,.3)}.glass::before,.glass::after{content:none}.sg-pane{position:absolute!important;inset:-1px!important;display:block!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;max-width:none!important;border-radius:inherit;pointer-events:none!important;z-index:-1!important;contain:strict}.glass-off .sg-pane{visibility:hidden!important}.glass-off .glass{background:rgba(218,234,250,.25)}.glass-off [data-tint=".95"],.glass-off [data-tint=".9"]{background:#075aff}
.app-frame{max-width:1740px;margin:auto;padding:16px 20px 24px}.app-header{position:sticky;top:14px;z-index:100;min-height:66px;display:flex;align-items:center;gap:22px;padding:11px 16px;border-radius:23px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none;white-space:nowrap;color:var(--navy);font-size:18px;font-weight:750;letter-spacing:-.5px}.brand em{color:var(--blue);font-style:normal}.brand-mark{display:grid;place-items:center;width:36px;height:36px;aspect-ratio:1;flex:0 0 36px;border-radius:10px;overflow:hidden}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.breadcrumb{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-left:auto}.desktop-tools{display:flex;align-items:center;gap:8px}.company-label{font-size:11px;color:var(--muted);margin-right:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;flex:0 0 38px;aspect-ratio:1;border-radius:12px;color:#111;padding:0}.avatar{border-radius:50%;font-weight:600;font-size:17px}.select-trigger,.setting-trigger{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:37px;padding:0 12px;border-radius:12px;font-size:12px;color:#111}.select-trigger>.selected-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger>.icon,.setting-trigger>.icon{width:14px;height:14px;flex:none;margin-left:auto}.header-company{min-width:154px}.setting-trigger{gap:12px;min-width:86px}.notification-dot{position:absolute!important;right:8px;top:7px;width:5px;height:5px;border-radius:50%;background:#ed4974;border:1px solid white}.mobile-menu{display:none}
.layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}.sidebar{position:sticky;top:97px;z-index:80;display:flex;flex-direction:column;min-height:640px;height:calc(100dvh - 116px);padding:24px 11px 13px;border-radius:24px}.workspace{padding:0 16px 24px}.eyebrow{text-transform:uppercase;letter-spacing:1.65px;font-size:10px;font-weight:700;color:var(--blue)}.workspace strong{display:block;margin-top:7px;font-size:16px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:0 12px;border:1px solid transparent;border-radius:14px;font-size:12px;color:#49648d;white-space:nowrap}.nav-item.active{font-weight:750;color:#101521;box-shadow:-3px 0 0 #0862fa,0 4px 12px #3979c211}.nav-item:hover,.nav-item:focus-visible{color:#111;background:rgba(182,217,252,.16)}.nav-icon{display:inline-grid;place-items:center;width:30px;height:31px;flex:0 0 30px;border-radius:10px;color:inherit;box-shadow:0 3px 8px #2671c412}.nav-icon>.icon{width:17px;height:17px}.nav-item.active .nav-icon,.nav-item:focus .nav-icon{color:#111}.sidebar-footer{margin-top:auto;padding:24px 12px 0;font-size:11px;color:var(--blue)}.sidebar-support{display:flex;gap:7px;align-items:center;min-height:33px;font-size:11px}.drawer-close{display:none}.main{min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:122px;padding:13px 10px 22px}.page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.13;letter-spacing:-1.35px;color:var(--navy);margin:7px 0 8px;font-weight:750}.page-heading p{font-size:12px;color:var(--muted);line-height:1.65;max-width:710px}.heading-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px;min-width:215px}.filter-row{display:flex;align-items:center;gap:9px}.filter-row label{font-size:11px;color:var(--muted)}.site-filter{width:275px;max-width:32vw}.period-filter{min-width:126px}.demo-note{display:inline-flex;align-items:center;font-size:10px;border-radius:12px;color:#6581a7;margin-left:8px;letter-spacing:0;text-transform:none;font-weight:400}.hero-art{width:230px;height:132px;flex:none;pointer-events:none;filter:drop-shadow(0 8px 9px #2970c515)}
.panel{padding:21px 22px;border-radius:var(--radius)}.panel h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;color:var(--navy)}.panel h3{font-size:14px;line-height:1.35;color:var(--navy)}.muted,.panel-subtitle{color:var(--muted);font-size:11px;line-height:1.6}.panel-subtitle{margin-top:4px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.badge-icon{display:inline-grid;place-items:center;width:37px;height:39px;flex:0 0 37px;border-radius:12px;color:#1268ec}.badge-icon .icon{width:22px;height:22px}.badge-icon.big{width:62px;height:65px;flex-basis:62px;border-radius:18px}.badge-icon.big .icon{width:32px;height:32px}.text-button{min-height:30px;display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#0e55d6}.button{min-height:40px;padding:0 15px;border-radius:12px;font-weight:600;font-size:12px;color:#111;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button.block{width:100%}.button.primary{color:white}.button.primary:not(.glass-painted){background:#075aff}.dialog .button.primary{color:#fff}.button:disabled:not(.is-loading){color:var(--muted);opacity:.55;cursor:not-allowed}button.is-loading{overflow:hidden;color:#111!important}button.is-loading>:not(.sg-pane):not(.loading-label){visibility:hidden}button>.loading-label{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:#111!important;font:inherit;font-weight:600;pointer-events:none;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:20px;font-size:9px;white-space:nowrap;background:#b5f4d287;color:#007343;border:1px solid #e9fff0b3}.status i{width:5px;height:5px;background:#009d5d;border-radius:50%}.status.premium{background:#ebccff91;color:#853cbd}.status.pending{background:#ffdfa28c;color:#95621f}.status.warning{background:#ffdcdc88;color:#ad3446}.status.premium i{background:#964be1}.status.pending i{background:#c0852e}.status.warning i{background:#cb475e}.inline-value{font-weight:700;color:var(--navy)}.control-pair{display:flex;align-items:center;justify-content:space-between;gap:15px}.field-label{display:block;font-size:12px;color:var(--muted);margin:16px 0 7px}.field-shell{display:block;position:relative;border-radius:12px}.field-shell input,.field-shell textarea{position:relative;width:100%;border:0;box-shadow:none;border-radius:inherit;min-height:43px;padding:10px 12px;background:transparent;font-size:13px;color:var(--ink)}.field-shell:focus-within{outline:2px solid #3a83ee;outline-offset:2px}.field-shell input:focus-visible{outline:none}.switch{display:inline-flex;align-items:center;width:39px;height:23px;flex:0 0 39px;border-radius:20px;background:#9bbbdf;padding:3px;border:1px solid #ffffff73}.switch[aria-checked=true]{background:#075aff}.switch span{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2057a33b;transition:transform .15s}.switch[aria-checked=true] span{transform:translateX(15px)}.features{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px;color:#47638e;font-size:12px}.features li{display:flex;align-items:center;gap:9px}.features .icon{width:15px;height:15px;color:#0b64f1;stroke-width:2}.progress{height:12px;border-radius:20px;background:rgba(103,167,250,.16);overflow:hidden;margin-top:12px}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3764ff,#2594ff);box-shadow:inset 0 1px 2px #b5dcff}
/* One overlay layer for account, language, company, selectors and chart tooltips. */
.select-menu,.profile-menu{position:fixed;z-index:1200;padding:8px;max-width:calc(100vw - 24px);border-radius:19px;box-shadow:0 16px 45px #25487d35;overflow-x:clip}.select-menu{display:grid;gap:4px}.select-scroll{display:grid;gap:4px;max-height:min(390px,60dvh);overflow-y:auto;overflow-x:clip;border-radius:13px}.select-option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:0 11px;gap:11px;border-radius:12px;font-size:12px;color:#111;box-shadow:none}.select-option .option-check{width:14px;height:14px;margin-left:auto;opacity:0}.select-option.selected .option-check{opacity:1}.select-option.selected{color:white}.select-option.selected:not(.glass-painted){background:#075aff}.select-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.profile-menu{width:286px;display:grid;gap:3px}.profile-account{display:flex;align-items:center;gap:11px;padding:12px 11px 14px;border-bottom:1px solid var(--line);margin-bottom:4px}.profile-account .icon{color:#1a69e0}.profile-email{font-size:12px;font-weight:700;overflow-wrap:anywhere}.profile-account small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.profile-row{display:flex;align-items:center;min-height:43px;justify-content:flex-start;padding:0 11px;width:100%;gap:11px;border-radius:12px;font-size:12px;color:#111}.profile-row>span{flex:1;text-align:left}.profile-row>small{font-size:10px;color:var(--muted)}.profile-row:hover{background:#9fc5f528}.profile-row.logout{border-top:1px solid var(--line);border-radius:0 0 12px 12px;margin-top:5px}.profile-row .chev{width:13px;height:13px;margin-left:auto}.dialog-scrim{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:22px;background:#254a751e;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}html.has-modal,html.has-drawer{overflow:hidden}.dialog{position:relative;width:min(490px,100%);max-height:calc(100dvh - 44px);padding:0;overflow:visible;border-radius:26px;box-shadow:0 24px 75px #2549753f}.dialog-scroll{max-height:calc(100dvh - 46px);overflow:auto;overflow-x:clip;padding:28px;border-radius:inherit}.dialog h2{font-size:24px;letter-spacing:-.5px;line-height:1.25;color:var(--navy);margin:5px 38px 15px 0}.dialog h3{font-size:15px;margin-bottom:9px}.dialog .subtext{font-size:12px;line-height:1.7;color:var(--muted)}.dialog-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:17px}.dialog .button{margin-top:18px;color:#111}.dialog .dialog-close{position:absolute;right:13px;top:13px;z-index:5;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;aspect-ratio:1;flex:none;border-radius:10px;padding:0;color:#111}.dialog-close .icon{width:17px;height:17px;stroke:#111}.dialog-price{font-size:33px;font-weight:750;color:var(--blue);line-height:1.4;margin:12px 0 8px}.dialog-price small{font-size:13px;font-weight:400}.control{margin-top:17px}.control label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.control output{font-weight:600;color:var(--blue)}input[type=range]{width:100%;accent-color:#1265e9;cursor:pointer;margin-top:11px}.toggle-label{display:flex;align-items:center;gap:9px;font-size:12px;margin:16px 0;color:var(--muted)}input[type=checkbox]{accent-color:#0963ec}.toast{position:fixed;z-index:1400;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(520px,calc(100vw - 28px));padding:15px 20px;border-radius:17px;font-size:12px;text-align:center;color:#111}.notification-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.notification-item h3{font-size:13px;margin-bottom:3px}.notification-item p{font-size:11px;color:var(--muted);line-height:1.7}.notification-item small{font-size:10px;color:var(--muted)}
/* Usage module */
.stat-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-card{padding:15px 14px;min-height:128px;border-radius:19px}.stat-title{display:flex;align-items:center;gap:8px;min-height:34px;color:var(--muted);font-size:10px;line-height:1.35;margin-bottom:14px}.stat-title .badge-icon{width:29px;height:31px;flex-basis:29px;border-radius:10px}.stat-title .icon{width:18px;height:18px}.stat-card strong{display:block;font-size:25px;line-height:1.15;letter-spacing:-.7px;color:var(--navy);white-space:nowrap}.stat-card strong.long{font-size:18px;color:var(--blue);white-space:normal;line-height:1.35}.stat-card p{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.5}.stat-card.alert .badge-icon{color:#e94466}.stat-request-value{display:flex;align-items:center;gap:7px}.mini-ring{width:42px;height:42px;flex:none}.mini-ring text{font-size:12px;font-weight:700;fill:#2059e6;stroke:none}.usage-charts{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-bottom:16px}.chart-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.chart-controls .select-trigger{min-width:108px;font-size:11px;min-height:34px}.legend{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:10px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;flex:none;display:inline-block;border-radius:50%;background:#297bff;border:1px solid #acd9ff}.legend i.limit{background:#bad9fd}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg .grid-line{stroke:#89b9ed24;stroke-width:1}.chart-svg .chart-label{font:11px Arial;fill:#6480ac;stroke:none}.chart-svg .chart-point{cursor:pointer;outline:none}.chart-svg .chart-point:focus .dot{stroke:#081e50;stroke-width:2.5}.chart-svg .chart-hover-line{stroke:#80aff85c;stroke-width:1;stroke-dasharray:3 3}.chart-box{position:relative}.chart-tooltip{position:absolute;z-index:8;top:35px;right:10px;padding:9px 12px;border-radius:13px;font-size:10px;pointer-events:none;line-height:1.7;min-width:130px}.chart-tooltip strong{display:block;font-size:11px}.usage-detail{display:grid;grid-template-columns:1.1fr 1fr 1.28fr;gap:16px;margin-bottom:16px}.ring-layout{display:flex;align-items:center;gap:18px;margin-top:15px}.usage-ring{width:min(47%,160px);height:auto;flex:none}.usage-ring .ring-number{font-size:23px;font-weight:700;fill:var(--navy)}.usage-ring .ring-caption{font-size:10px;fill:var(--muted)}.resource-list{display:grid;gap:13px;flex:1}.resource-list>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:5px;align-items:center;font-size:11px}.resource-list i{width:8px;height:8px;border-radius:50%;background:#3484ff}.resource-list>div:nth-child(2) i{background:#9d77ec}.resource-list>div:nth-child(3) i{background:#53bded}.resource-list small{grid-column:2/-1;color:var(--muted);font-size:10px}.month-value{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:5px}.month-value strong{font-size:23px;letter-spacing:-.5px}.month-value>span{color:var(--blue);font-size:23px;font-weight:700}.month-value small{font-size:14px;font-weight:400}.remaining{margin-top:17px;padding:13px 14px;border-radius:14px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:5px}.remaining label{display:block;font-size:11px;color:var(--muted);width:100%}.remaining strong{font-size:24px;line-height:1.3}.remaining small{font-size:10px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:13px}.data-table th{font-weight:400;color:var(--muted);font-size:10px;text-align:left;padding:10px 8px;background:#d4e7fb50}.data-table td{padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table tr:last-child td{border:0}.data-table .ok{color:#008953}.insight-grid{display:grid;grid-template-columns:1fr 1fr 1.22fr 1.65fr;gap:12px}.insight{display:flex;align-items:flex-start;gap:12px;padding:17px 17px;min-height:96px}.insight .badge-icon{width:33px;height:36px;flex-basis:33px}.insight label{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin:0 0 8px}.insight strong{font-size:22px;line-height:1.2;letter-spacing:-.4px;color:var(--navy)}.insight p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}.insight.good strong{font-size:14px;color:var(--blue)}
/* Subscription module */
.subscription-summary{display:grid;grid-template-columns:1.6fr .9fr .85fr 1.1fr;align-items:center;gap:18px;padding:20px 22px;margin-bottom:18px}.current-plan{display:flex;align-items:center;gap:15px}.current-plan h2{font-size:19px;color:var(--navy)}.current-plan strong{display:block;font-size:25px;color:var(--blue);line-height:1.5}.current-plan small{font-weight:400;font-size:12px;color:var(--muted)}.summary-metric{padding-left:18px;border-left:1px solid var(--line)}.summary-metric strong{display:block;font-size:21px;line-height:1.4;color:var(--navy)}.summary-metric:last-child strong{font-size:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 4px 41px}.section-title h2{font-size:23px;color:var(--navy);letter-spacing:-.5px}.section-title p{font-size:11px;color:var(--muted);margin-top:6px}.billing-toggle{display:flex;padding:4px;gap:3px;border-radius:23px;flex:none}.billing-toggle button{padding:0 15px;min-height:35px;border-radius:18px;font-size:11px;color:#111;white-space:nowrap}.billing-toggle .selected{color:white}.billing-toggle .selected:not(.glass-painted){background:#075aff}.discount{padding:4px 7px;color:#0a52c9;border-radius:15px;background:#abcffe61;font-size:10px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan{padding:24px 23px 20px;display:flex;flex-direction:column;min-height:343px;overflow:visible;border-radius:23px}.plan.featured{border-color:#3d85f591}.popular{position:absolute;left:50%;top:-7px;transform:translate(-50%,-100%);z-index:10;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:18px;color:#fff;font-size:11px;font-weight:600;white-space:nowrap}.popular:not(.glass-painted){background:#075aff}.popular .icon{width:12px;height:12px;fill:currentColor;stroke:none}.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.plan h3{font-size:21px;color:var(--blue);margin:2px 0 11px}.plan-price{font-size:39px;line-height:1.14;letter-spacing:-1px;font-weight:750;color:var(--navy);white-space:nowrap}.plan-price small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:4px}.plan-image{width:85px;height:85px;flex:0 0 85px;aspect-ratio:1;object-fit:contain;border-radius:18px;overflow:hidden}.plan-tagline{font-size:12px;color:var(--muted);margin-top:12px}.plan-annual{font-size:10px;color:var(--muted);margin-top:5px;min-height:15px}.plan .button{margin-top:auto}.billing-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:15px;margin-top:16px}.payment-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;margin:14px 0;font-size:12px}.mastercard{width:32px;height:21px;position:relative;flex:none}.mastercard:before,.mastercard:after{content:'';position:absolute;top:0;width:21px;height:21px;border-radius:50%}.mastercard:before{left:0;background:#f02635}.mastercard:after{right:0;background:#ffaa00d9}.expiry{margin-left:auto}.history-row{display:grid;grid-template-columns:18px 1fr 48px 70px;align-items:center;gap:5px;padding:8px 0;font-size:10px;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row>.icon{width:14px;height:14px;color:var(--blue)}.history-row .status{font-size:8px;padding:3px 5px}.history-date{color:var(--muted)}
/* Domains module */
.domain-search{display:flex;align-items:center;gap:21px;padding:21px 24px;margin-bottom:20px}.search-main{display:flex;align-items:center;gap:20px;flex:1.8}.search-main>div{flex:1}.search-main h2{font-size:17px;color:var(--navy);margin-bottom:5px}.domain-search-form{display:flex;gap:12px;margin-top:10px}.domain-name-field{display:flex;align-items:center;flex:1;border-radius:12px}.domain-name-field input{min-width:0;flex:1;width:100%;height:42px;padding:0 13px;border:0;background:none;outline:none;font-size:12px;color:#111}.domain-name-field:focus-within{outline:2px solid #619ef7}.zone-trigger{border-left:1px solid var(--line);min-width:82px;min-height:28px;font-size:12px;padding:0 12px;justify-content:space-between}.zone-trigger .icon{width:13px;height:13px}.search-submit{min-width:160px}.search-hint{font-size:10px;color:var(--muted);margin-top:7px}.search-hint.error{color:#b33939}.domain-tip{flex:.8;display:flex;gap:14px;align-items:flex-start;padding-left:22px;border-left:1px solid var(--line)}.domain-tip strong{font-size:12px}.domain-tip p{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.domain-board{display:grid;grid-template-columns:2fr 1fr;gap:17px;align-items:start}.domain-results-header{margin:0 3px 13px}.domain-results-header h2{font-size:23px;color:var(--navy);line-height:1.35}.domain-results-header p{font-size:11px;color:var(--muted);margin-top:4px}.domain-results{display:grid;gap:8px}.domain-result{padding:15px 17px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 116px;align-items:center;gap:15px;border-radius:20px}.domain-title{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.domain-title h3{font-size:14px;overflow-wrap:anywhere;color:var(--navy)}.domain-result p{font-size:10px;color:var(--muted);margin-top:5px}.domain-price{font-size:24px;font-weight:700;letter-spacing:-.6px;white-space:nowrap;color:var(--navy)}.domain-price small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:4px}.more-domains{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:12px;padding:12px;border-radius:13px;font-size:11px;color:#075aff}.domain-checkout{padding:20px 19px;border-radius:22px}.block-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.block-heading h2{font-size:21px;color:var(--navy);line-height:1.3}.block-heading h3{font-size:15px}.cart-line{display:flex;align-items:center;gap:9px;padding:12px 10px;margin-bottom:9px;border-radius:13px;font-size:11px}.cart-name{flex:1;overflow-wrap:anywhere;font-weight:600}.cart-line .icon-btn{width:23px;height:26px;min-width:23px;flex-basis:23px;border:0;box-shadow:none}.cart-line .badge-icon{width:30px;height:31px;flex-basis:30px;border-radius:10px}.cart-line .badge-icon .icon{width:18px;height:18px}.order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:11px;color:var(--muted)}.order-row strong{color:var(--navy)}.order-row .select-trigger{min-width:93px;min-height:33px;font-size:11px}.renew-note{font-size:10px;line-height:1.6;max-width:225px;margin-top:5px}.included{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:12px;color:#42628d}.included .icon{width:15px;height:15px;color:var(--blue)}.included>span:last-child{margin-left:auto;font-size:10px}.order-total{padding-top:17px;border-top:1px solid var(--line);margin-top:18px}.order-total strong{font-size:25px}.checkout-note{margin-top:11px;text-align:center;font-size:10px;color:var(--muted);line-height:1.6}.domain-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:16px}.owned-row{display:flex;align-items:center;gap:10px;border-radius:12px;padding:11px 10px;font-size:11px;margin-top:9px}.owned-row>span:first-of-type{flex:1;font-weight:600}.owned-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.empty{padding:18px 0;color:var(--muted);font-size:12px;line-height:1.7}.generic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.generic-grid .panel{min-height:164px}.generic-grid .badge-icon{margin-bottom:14px}.generic-grid p{margin:8px 0 16px}.site-card-domain{font-size:11px;color:var(--blue);margin:9px 0}.account-values{display:grid;gap:14px;margin:17px 0}.account-values div{border-bottom:1px solid var(--line);padding-bottom:12px}.account-values small{display:block;color:var(--muted);font-size:11px}.account-values strong{font-size:14px;display:block;margin-top:5px}
*{scrollbar-width:thin;scrollbar-color:#76aee080 #cee4f933}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#d7e8fa44}::-webkit-scrollbar-thumb{border:2px solid #eaf5ffad;border-radius:20px;background:linear-gradient(90deg,#b2d8fbaa,#79b0e799)}
@media(min-width:1650px){.app-frame{padding-inline:24px}.layout{grid-template-columns:225px minmax(0,1fr);gap:27px}.stat-card{min-height:137px}.plan-image{width:95px;height:95px;flex-basis:95px}}
@media(max-width:1320px){.layout{grid-template-columns:192px minmax(0,1fr);gap:19px}.sidebar{padding-inline:9px}.nav-item{font-size:11px;padding-inline:9px;gap:9px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{min-height:113px}.stat-card:first-child{grid-column:auto}.stat-title{margin-bottom:10px}.stat-card strong{font-size:25px}.stat-grid .stat-card:last-child{grid-column:auto}.panel{padding:18px}.usage-charts{grid-template-columns:1.5fr 1fr}.panel-head{flex-wrap:wrap}.chart-controls{margin-left:auto}.usage-detail{grid-template-columns:1fr 1fr}.usage-detail>.periods-panel{grid-column:1/-1}.periods-panel .data-table{margin-top:0}.insight-grid{grid-template-columns:1fr 1fr}.site-filter{width:228px}.page-heading h1{font-size:34px}.plan{padding:22px 19px}.plan-price{font-size:34px}.plan-price small{display:block;margin:3px 0}.plan-image{width:71px;height:71px;flex-basis:71px}.subscription-summary{grid-template-columns:1.5fr 1fr 1fr}.subscription-summary>.summary-metric:last-child{display:none}.billing-grid{grid-template-columns:1fr 1fr}.billing-grid>.panel:last-child{grid-column:1/-1}.history-row{grid-template-columns:20px 1fr 80px 86px}.domain-search{padding:19px}.domain-tip{display:none}.domain-board{grid-template-columns:1.7fr 1fr}.domain-result{grid-template-columns:34px minmax(0,1fr) auto;gap:12px}.domain-result .button{grid-column:2/-1;min-height:34px}.domain-price{font-size:22px}.domain-bottom{grid-template-columns:1fr 1fr}.domain-bottom>.panel:last-child{grid-column:1/-1}.domain-bottom .features{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.app-frame{padding:13px 15px 20px}.layout{grid-template-columns:173px minmax(0,1fr);gap:16px}.sidebar{top:93px;min-height:595px;padding-inline:7px}.nav-item{font-size:10px;padding-inline:7px;gap:8px}.nav-icon{width:25px;height:27px;flex-basis:25px}.brand{font-size:16px}.brand-mark{width:33px;height:33px;flex-basis:33px}.breadcrumb{display:none}.page-heading{padding-inline:3px;align-items:flex-start;flex-wrap:wrap;gap:10px}.heading-right{flex-direction:row;min-width:0;width:100%;justify-content:flex-end}.site-filter{width:235px;max-width:none}.page-heading p{font-size:11px}.page-heading h1{font-size:32px}.stat-grid{gap:10px}.stat-card{padding:13px 11px}.stat-title{font-size:9px;gap:6px}.stat-card strong{font-size:23px}.usage-charts{grid-template-columns:1fr}.usage-charts>.panel:last-child .chart-box{max-width:680px;margin:auto}.usage-detail{grid-template-columns:1fr 1fr}.ring-layout{gap:10px;flex-wrap:wrap;justify-content:center}.usage-ring{width:125px}.resource-list{min-width:130px}.month-value{flex-wrap:wrap}.month-value strong{font-size:21px}.plans{gap:12px}.plan{padding:19px 14px}.plan h3{font-size:17px}.plan-image{width:54px;height:54px;flex-basis:54px;border-radius:12px}.plan-price{font-size:30px}.plan .features{font-size:11px;gap:10px}.plan .button{font-size:11px}.section-title{flex-wrap:wrap}.billing-toggle{margin-left:auto}.subscription-summary{padding:17px;gap:12px}.current-plan .badge-icon.big{display:none}.current-plan h2{font-size:16px}.current-plan strong{font-size:22px}.summary-metric{padding-left:12px}.summary-metric strong{font-size:19px}.domain-board{grid-template-columns:1fr}.domain-result{grid-template-columns:37px minmax(0,1fr) auto 100px}.domain-result .button{grid-column:auto;min-height:37px}.domain-checkout{max-width:100%}.domain-bottom{grid-template-columns:1fr 1fr}.generic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.app-frame{padding:9px 12px 20px}.app-header{top:8px;min-height:59px;border-radius:18px;padding:9px 10px;gap:9px}.mobile-menu{display:inline-flex}.app-header .brand{font-size:15px;gap:7px;letter-spacing:-.3px}.brand-mark{width:29px;height:29px;flex-basis:29px;border-radius:8px}.header-actions{gap:6px}.desktop-tools{display:none}.app-header .icon-btn{width:34px;height:34px;min-width:34px;flex-basis:34px}.avatar{font-size:15px}.layout{display:block;margin-top:12px}.sidebar{display:none;position:fixed;inset:0 auto 0 0;z-index:1000;width:min(280px,calc(100vw - 44px));height:100dvh;max-height:100dvh;min-height:0;border-radius:0 24px 24px 0;padding:40px 13px 18px;background:transparent;overflow-y:auto;overflow-x:clip}.sidebar.open{display:flex}.sidebar .workspace{padding:0 15px 22px}.sidebar .nav-item{font-size:13px;font-weight:400;min-height:47px;padding-inline:12px;gap:12px}.sidebar .nav-item.active{font-weight:750}.sidebar .nav-icon{width:29px;height:30px;flex-basis:29px}.sidebar-footer{padding-top:30px;margin-top:auto}.drawer-close{display:inline-flex;position:absolute;top:11px;right:10px;width:29px;height:29px;min-width:29px;flex-basis:29px;border-radius:10px;color:#111}.mobile-backdrop.open{display:block;position:fixed;inset:0;z-index:990;background:#30598329;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.page-heading{min-height:0;padding:14px 2px 19px;gap:13px}.page-heading h1{font-size:31px;letter-spacing:-1px}.page-heading p{font-size:11px;max-width:100%}.page-heading .eyebrow{font-size:9px}.demo-note{font-size:9px}.heading-right{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:stretch;gap:8px}.filter-row{flex:1;gap:7px}.filter-row:first-child{flex-basis:100%}.site-filter{width:auto;max-width:none;flex:1}.filter-row label{font-size:10px;min-width:39px}.period-filter{flex:1}.hero-art{width:115px;height:95px;margin-left:auto}.page-heading:has(> .hero-art){position:relative;display:block;min-height:144px;padding:14px 116px 19px 2px;gap:0}.page-heading:has(> .hero-art)>div{max-width:none}.page-heading:has(> .hero-art)>.hero-art{position:absolute;right:0;top:20px;width:108px;height:90px;margin:0}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.stat-card{padding:14px;min-height:109px}.stat-title{font-size:10px;margin-bottom:11px;min-height:28px;gap:9px}.stat-title .badge-icon{width:28px;height:29px;flex-basis:28px}.stat-card strong{font-size:25px}.stat-card strong.long{font-size:18px}.stat-card p{font-size:10px}.stat-grid>.stat-card:last-child{grid-column:1/-1;min-height:75px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px}.stat-grid>.stat-card:last-child .stat-title{margin:0}.stat-grid>.stat-card:last-child strong{grid-column:2;grid-row:1/3}.stat-grid>.stat-card:last-child p{grid-column:1;grid-row:2;margin:2px 0 0 37px}.panel{padding:17px 16px;border-radius:20px}.panel h2{font-size:16px}.panel-subtitle{font-size:10px}.panel-head{margin-bottom:13px;gap:10px}.usage-charts{gap:13px;margin-bottom:13px}.chart-controls{width:100%;justify-content:space-between;margin-left:0;gap:9px}.legend{font-size:10px;gap:12px}.chart-controls .select-trigger{min-height:31px;min-width:110px;font-size:10px}.chart-svg .chart-label{font-size:12px}.chart-tooltip{font-size:9px;min-width:116px;padding:7px 9px;right:4px;top:6px}.usage-detail{grid-template-columns:1fr;gap:13px;margin-bottom:13px}.usage-detail>.periods-panel{grid-column:auto}.ring-layout{flex-wrap:nowrap;justify-content:flex-start;gap:24px;margin-top:13px}.usage-ring{width:139px}.resource-list{min-width:0;gap:16px}.resource-list>div{font-size:11px}.resource-list small{font-size:10px}.month-value{flex-wrap:nowrap}.month-value strong{font-size:23px}.month-value>span{font-size:24px}.remaining strong{font-size:26px}.data-table{font-size:11px}.data-table th{font-size:10px}.data-table th,.data-table td{padding:10px 6px}.insight-grid{grid-template-columns:1fr 1fr;gap:10px}.insight{padding:15px 13px;gap:10px}.insight .badge-icon{width:29px;height:32px;flex-basis:29px}.insight label{font-size:9px}.insight strong{font-size:20px}.insight p{font-size:9px}.insight.good{grid-column:1/-1;min-height:81px;align-items:center}.insight-grid>.insight:nth-child(3){grid-column:1/-1}.plans{grid-template-columns:1fr;gap:41px}.plan{padding:24px 23px 21px;min-height:324px}.plan h3{font-size:21px}.plan-price{font-size:41px}.plan-price small{display:inline;margin-left:4px;font-size:12px}.plan-image{width:85px;height:85px;flex-basis:85px;border-radius:17px}.plan .features{font-size:13px;gap:10px;margin-top:21px}.plan .button{min-height:43px;font-size:13px}.subscription-summary{grid-template-columns:1fr 1fr;padding:19px 18px;gap:14px}.current-plan{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:15px}.current-plan .badge-icon.big{display:grid;width:53px;height:57px;flex-basis:53px}.current-plan h2{font-size:19px}.current-plan strong{font-size:25px}.summary-metric{border:0;padding:0}.summary-metric:nth-child(3){padding-left:14px;border-left:1px solid var(--line)}.summary-metric strong{font-size:21px}.section-title{display:block;margin-bottom:44px}.section-title h2{font-size:23px}.billing-toggle{width:100%;margin-top:14px;justify-content:stretch}.billing-toggle button{flex:1;font-size:11px;padding:0 10px}.billing-grid{grid-template-columns:1fr;gap:13px}.billing-grid>.panel:last-child{grid-column:auto}.history-row{grid-template-columns:18px 1fr 48px 70px;min-height:34px}.domain-search{padding:18px;gap:0}.search-main{gap:12px;display:block}.search-main>.badge-icon{display:none}.domain-search-form{flex-direction:column;gap:10px}.domain-name-field{width:100%}.domain-name-field input{height:43px;font-size:12px}.search-submit{width:100%;min-height:41px}.domain-board{gap:15px}.domain-result{grid-template-columns:31px minmax(0,1fr) auto;gap:10px;padding:15px 13px}.domain-result>.badge-icon{width:30px;height:33px;flex-basis:30px}.domain-result .button{grid-column:2/-1;min-height:35px;width:100%;margin-top:0}.domain-title{gap:5px}.domain-title h3{font-size:12px}.domain-price{font-size:21px}.domain-price small{display:block;margin:2px 0;text-align:right;font-size:10px}.domain-result p{font-size:10px}.domain-title .status{font-size:8px;padding:2px 6px}.domain-results-header h2{font-size:23px}.domain-bottom{grid-template-columns:1fr;gap:13px}.domain-bottom>.panel:last-child{grid-column:auto}.domain-bottom .features{grid-template-columns:1fr}.domain-checkout{padding:19px}.cart-line{font-size:11px}.domain-bottom .features{font-size:12px}.owned-row{font-size:11px}.more-domains{font-size:11px;gap:9px}.generic-grid{grid-template-columns:1fr}.dialog-scrim{padding:13px}.dialog{max-height:calc(100dvh - 26px);border-radius:23px}.dialog-scroll{max-height:calc(100dvh - 28px);padding:26px 20px}.dialog h2{font-size:22px}.dialog .dialog-close{width:34px;height:34px;min-width:34px;right:12px;top:12px}.dialog-price{font-size:31px}.toast{bottom:15px}.profile-menu{width:280px}}
@media(max-width:370px){.app-frame{padding-inline:9px}.app-header{gap:6px;padding-inline:8px}.app-header .brand{font-size:13px;gap:5px}.brand-mark{width:27px;height:27px;flex-basis:27px}.header-actions{gap:4px}.app-header .icon-btn{width:31px;height:32px;min-width:31px;flex-basis:31px}.page-heading h1{font-size:28px}.stat-card{padding:12px}.stat-card strong{font-size:22px}.stat-card strong.long{font-size:16px}.stat-title{font-size:9px;gap:7px}.mini-ring{width:36px;height:36px}.panel{padding:16px 13px}.usage-ring{width:121px}.ring-layout{gap:17px}.resource-list>div{font-size:10px}.data-table th{font-size:9px}.data-table td{font-size:10px;padding-inline:4px}.plan{padding:23px 19px}.plan-image{width:71px;height:71px;flex-basis:71px}.plan-price{font-size:37px}.insight{padding:13px 10px;gap:8px}.insight strong{font-size:18px}.domain-result{gap:8px}.domain-title h3{font-size:11px}.domain-price{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep authored glass dropdowns scrollable on small screens without visible native scrollbars. */
.select-scroll{scrollbar-width:none}
.select-scroll::-webkit-scrollbar{display:none}


/* Active navigation stays visibly selected with or without the optical renderer. */
.sidebar .nav-item.active,.sidebar .nav-item.active:hover,.sidebar .nav-item.active:focus-visible{position:relative;background:rgba(255,255,255,.10);color:#101521;border-color:rgba(255,255,255,.32);box-shadow:inset 0 1px 1px #ffffff55,0 3px 12px #496e9a12}.sidebar .nav-item.active::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:12px;border-left:2px solid #075aff;border-radius:14px 0 0 14px;pointer-events:none;z-index:2}.sidebar .nav-item.active .nav-icon{color:#101521;background:transparent;border-color:transparent}.sidebar .nav-item.active:focus-visible{outline:2px solid #075aff;outline-offset:3px}