@font-face{font-family:"Hanken Grotesk";src:url("../assets/hanken-grotesk.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
[hidden]{display:none!important}
.domain-list-card .domain-expiry.expiry-urgent{background:var(--warning-bg)!important}.domain-list-card .domain-expiry.expiry-urgent span,.domain-list-card .domain-expiry.expiry-urgent strong{color:var(--warning)}
.domain-list-card .domain-expiry{display:inline-flex!important;align-items:center!important;gap:4px!important;height:25px!important;min-height:25px!important;width:auto!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:99px!important;background:#eee!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}.domain-list-card .domain-expiry::before{content:none!important}.domain-list-card .domain-expiry span{color:#777;font-size:10px;font-weight:600}.domain-list-card .domain-expiry strong{color:#444;font-size:10px;font-weight:800}
.domain-list-card .ssl-row{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap}.domain-list-card .domain-expiry{display:inline-flex!important;align-items:center!important;min-height:25px!important;line-height:1!important;white-space:nowrap!important;box-sizing:border-box!important}
.domain-list-card .ssl-row{align-items:center}.domain-list-card .domain-expiry{grid-column:auto!important;width:auto!important;margin:0!important;padding:4px 8px!important;border:0!important;border-radius:99px!important;background:#eee!important;color:#555!important;font-size:10.5px!important;font-weight:700!important}.domain-list-card .domain-expiry::before{content:"Expires "!important;color:var(--muted);font-weight:500}
.domain-list-card .domain-management-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px}.domain-list-card .domain-expiry{grid-column:2/-1;width:100%;margin:0!important;padding:9px 11px!important;border:0!important;border-radius:9px;background:var(--surface-soft);color:#555!important;font-size:11px!important;font-weight:700}.domain-list-card .domain-expiry::before{content:"Expiry date: ";color:var(--muted);font-weight:500}@media(max-width:700px){.domain-list-card .domain-management-row{grid-template-columns:auto minmax(0,1fr)!important}.domain-list-card .domain-row-actions{grid-column:1/-1!important}.domain-list-card .domain-expiry{grid-column:1/-1!important}}

/* Mobile website-summary accordion */
.mobile-summary-toggle{display:none}
@media(max-width:640px){
  .mobile-summary-toggle{width:100%;min-height:49px;margin-top:17px;padding:8px 11px;border:1px solid var(--border);border-radius:11px;background:#fafaf8;color:#111;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;cursor:pointer}
  .mobile-summary-toggle>span{font-size:13px;font-weight:800}
  .mobile-summary-toggle>small{grid-column:1;color:var(--muted);font-size:10px;margin-top:2px}
  .mobile-summary-toggle>i{grid-column:2;grid-row:1/3;width:27px;height:27px;border-radius:8px;background:#fff;display:grid;place-items:center;font-style:normal;transition:transform .2s ease}
  .mobile-summary-toggle>i svg{width:15px}
  .mobile-summary-toggle.open>i{transform:rotate(180deg)}
  .summary-card .summary-facts{display:none;margin-top:8px;padding:11px;border:1px solid var(--border);border-radius:11px;background:#fafaf8;grid-template-columns:1fr 1fr;gap:12px;animation:summaryDetailsIn .2s ease}
  .summary-card .summary-facts.mobile-open{display:grid}
  .summary-card .summary-facts .fact{min-width:0;padding:8px;background:#fff;border-radius:9px}
  .summary-card .summary-facts .fact small{font-size:10px}
  .summary-card .summary-facts .fact strong{display:block;font-size:12px;overflow-wrap:anywhere}
}
@keyframes summaryDetailsIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* Global typography readability */
html body{font-size:15px;line-height:1.5}
html body h1{font-size:32px!important;line-height:1.2!important}
html body h2{font-size:28px!important;line-height:1.25!important}
html body h3{font-size:17px!important;line-height:1.3!important}
html body h4{font-size:14.5px!important;line-height:1.35!important}
html body p{font-size:13px!important;line-height:1.55!important}
html body small{font-size:11px!important;line-height:1.45!important}
html body label,
html body legend{font-size:12.5px!important;line-height:1.4!important}
html body input,
html body select,
html body textarea{font-size:13.5px!important;line-height:1.4!important}
html body input::placeholder,
html body textarea::placeholder{font-size:12.5px!important}
html body .button,
html body button:not(.icon-button):not(.modal-close):not(.sidebar-toggle):not(.menu-button){font-size:12px!important;line-height:1.25!important}
html body .nav-item,
html body .logout-button{font-size:13px!important}
html body .nav-section-label{font-size:10.5px!important;letter-spacing:.08em}
html body .badge,
html body [class*="status-badge"],
html body [class*="-status"]{font-size:10.5px!important;line-height:1.3!important}
html body th{font-size:11.5px!important;line-height:1.4!important}
html body td{font-size:12.5px!important;line-height:1.5!important}
html body .field-error{font-size:11.5px!important;line-height:1.45!important}

@media(max-width:700px){
  html body{font-size:15px;line-height:1.55}
  html body h1{font-size:28px!important}
  html body h2{font-size:25px!important}
  html body h3{font-size:16.5px!important}
  html body h4{font-size:14.5px!important}
  html body p{font-size:13px!important}
  html body small{font-size:11.5px!important}
  html body label,
  html body legend{font-size:13px!important}
  html body input,
  html body select,
  html body textarea{font-size:14px!important}
  html body .button,
  html body button:not(.icon-button):not(.modal-close):not(.sidebar-toggle):not(.menu-button){font-size:12.5px!important}
  html body .nav-item{font-size:14px!important}
  html body th{font-size:12px!important}
  html body td{font-size:13px!important}
}

/* Website details accordion on desktop and mobile */
.summary-card .mobile-summary-toggle{width:100%;min-height:54px;margin-top:20px;padding:9px 12px;border:1px solid var(--border);border-radius:12px;background:#fafaf8;color:#111;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;cursor:pointer;transition:border-color .18s,background .18s}
.summary-card .mobile-summary-toggle:hover{border-color:#999;background:#f5f5f2}
.summary-card .mobile-summary-toggle>span{font-size:14px;font-weight:800}
.summary-card .mobile-summary-toggle>small{grid-column:1;margin-top:2px;color:var(--muted);font-size:11px!important}
.summary-card .mobile-summary-toggle>i{grid-column:2;grid-row:1/3;width:29px;height:29px;border-radius:8px;background:#fff;display:grid;place-items:center;font-style:normal;transition:transform .2s ease}
.summary-card .mobile-summary-toggle>i svg{width:16px}
.summary-card .mobile-summary-toggle.open>i{transform:rotate(180deg)}
.summary-card .summary-facts{display:none;margin-top:9px;padding:13px;border:1px solid var(--border);border-radius:12px;background:#fafaf8;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;animation:summaryDetailsIn .2s ease}
.summary-card .summary-facts.mobile-open{display:grid}
.summary-card .summary-facts .fact{min-width:0;padding:11px;border:1px solid #ecece8;border-radius:10px;background:#fff}
.summary-card .summary-facts .fact small{font-size:11px!important}
.summary-card .summary-facts .fact strong{display:block;font-size:13px;overflow-wrap:anywhere}
.usage-fact em{display:block;margin-top:5px;color:#777;font-size:10px;font-style:normal;font-weight:650}
.usage-meter{width:100%;height:6px;margin-top:9px;border-radius:99px;background:#e4e4df;display:block;overflow:hidden}
.usage-meter i{height:100%;border-radius:inherit;background:#111;display:block}

@media(max-width:640px){
  .summary-card .mobile-summary-toggle{margin-top:17px;min-height:50px;padding:8px 11px}
  .summary-card .summary-facts{grid-template-columns:1fr 1fr;padding:10px;gap:9px}
  .summary-card .summary-facts .fact{padding:9px}
  .summary-card .summary-facts .fact strong{font-size:12px}
}
.domain-management-row .domain-expiry{width:100%;margin-top:8px!important;padding-top:7px;border-top:1px solid var(--border);color:#555!important;font-size:11px!important;font-weight:650}.domain-management-row .ssl-row{margin-top:7px}
.renewal-inline-panel{margin:9px 0 16px;padding:17px;border:1px solid #cfcfcb;border-radius:15px;background:#fff;box-shadow:var(--shadow);animation:pageIn .22s ease;scroll-margin-top:90px}.renewal-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.renewal-panel-head h4{margin:0 0 4px;font-size:15px}.renewal-panel-head p{margin:0;color:var(--muted);font-size:11.5px}.renewal-panel-close:not(.button){width:30px;height:30px;border:0;border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;cursor:pointer}.renewal-panel-close svg{width:14px}.renewal-price-row{margin-top:14px;padding:11px 12px;border-radius:10px;background:var(--surface-soft);display:flex;align-items:center;justify-content:space-between;font-size:12px}.renewal-price-row strong{font-size:18px}.free-renewal-option{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;gap:10px;cursor:pointer}.free-renewal-option input{position:absolute;opacity:0}.free-renewal-checkmark{width:23px;height:23px;border:1px solid #bbb;border-radius:7px;color:transparent;display:grid;place-items:center;flex:none}.free-renewal-checkmark svg{width:13px}.free-renewal-option input:checked+.free-renewal-checkmark{border-color:var(--success);background:var(--success);color:#fff}.free-renewal-option>span:nth-of-type(2){min-width:0;flex:1}.free-renewal-option strong,.free-renewal-option small{display:block}.free-renewal-option strong{font-size:12px}.free-renewal-option small{margin-top:3px;color:var(--muted);font-size:10.5px}.renewal-panel-actions{margin-top:13px;display:flex;justify-content:flex-end;gap:8px}.free-applied{border-color:#bfe5d0;background:#fcfffd}.free-applied .renewal-price-row{background:var(--success-bg);color:var(--success)}
.domain-page-registration{margin-bottom:18px}.domain-list-card{margin-bottom:24px}.domain-management-row{min-height:88px;padding:14px 2px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.domain-management-row:last-child{border-bottom:0}.domain-row-actions{display:flex;align-items:center;gap:7px}.domain-row-actions .button{min-height:36px;padding:0 11px;font-size:11px}.domain-renewal-section{margin-top:6px}.renewal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.renewal-card{padding:18px}.renewal-card>strong{display:block;font-size:26px;letter-spacing:-.04em}.renewal-card>span{display:block;margin:5px 0 15px;color:var(--muted);font-size:12px}.renewal-card .button{width:100%}
.traffic-card{scroll-margin-top:96px}
.domain-list-card .domain-expiry::before{content:none!important}
.domain-details-panel{grid-column:1/-1;margin:2px 0 12px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft);animation:pageIn .22s ease}.domain-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.domain-detail-item{padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.domain-detail-item span,.domain-detail-item small{display:block;color:var(--muted);font-size:10.5px}.domain-detail-item strong{display:block;margin-top:4px;font-size:12px;word-break:break-word}.domain-details-close{margin-left:auto}.domain-detail-wide{grid-column:1/-1}@media(max-width:700px){.domain-details-grid{grid-template-columns:1fr}.domain-detail-wide{grid-column:auto}.domain-row-actions{flex-wrap:wrap}}
.dns-management-panel{grid-column:1/-1;margin:2px 0 12px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);animation:pageIn .22s ease}.dns-section{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#fff}.dns-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.dns-section-head h5{margin:0;font-size:13px}.dns-section-head p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.nameserver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dns-field label{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700}.dns-field input,.dns-field select{width:100%;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--text);font:inherit;font-size:11.5px;outline:none}.dns-field input:focus,.dns-field select:focus{border-color:#222}.dns-table{overflow-x:auto}.dns-record-row{display:grid;grid-template-columns:75px minmax(110px,1fr) minmax(180px,2fr) 75px 30px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.dns-record-row:last-child{border-bottom:0}.dns-record-row strong{font-size:10.5px}.dns-record-row input,.dns-record-row select{width:100%;height:34px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit;font-size:10.5px}.dns-remove-record{width:28px;height:28px;border:0;border-radius:7px;background:#fff0f0;color:var(--danger);display:grid;place-items:center;cursor:pointer}.dns-remove-record svg{width:13px}.dns-add-form{display:none;grid-template-columns:100px minmax(110px,1fr) minmax(180px,2fr) 90px auto;gap:8px;margin-top:11px;padding:11px;border:1px dashed #bbb;border-radius:10px;background:var(--surface-soft)}.dns-add-form.is-open{display:grid}.dns-panel-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.dns-save-note{display:none;margin-top:9px;color:var(--success);font-size:11px;font-weight:700;text-align:right}.dns-save-note.is-visible{display:block}@media(max-width:700px){.nameserver-grid{grid-template-columns:1fr}.dns-section-head{align-items:flex-start;flex-direction:column}.dns-record-row{grid-template-columns:60px minmax(105px,1fr) minmax(150px,2fr) 65px 30px;min-width:500px}.dns-add-form{grid-template-columns:1fr}.dns-panel-actions{flex-wrap:wrap}.dns-panel-actions .button{flex:1}}
.dns-remove-warning{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 7px;padding:11px 12px;border:1px solid #f0b9b9;border-radius:10px;background:#fff5f5}.dns-remove-warning strong,.dns-remove-warning small{display:block}.dns-remove-warning strong{color:var(--danger);font-size:11.5px}.dns-remove-warning small{margin-top:2px;color:#795858;font-size:10px}.dns-remove-warning-actions{display:flex;gap:7px;flex:none}.dns-remove-warning-actions .button{min-height:32px;padding:0 10px;font-size:10px}@media(max-width:700px){.dns-remove-warning{align-items:flex-start;flex-direction:column}.dns-remove-warning-actions{width:100%}.dns-remove-warning-actions .button{flex:1}}
.nameserver-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:11px}.nameserver-saved-message{color:var(--success);font-size:10.5px;font-weight:700;opacity:0;transform:translateY(2px);transition:.2s ease}.nameserver-saved-message.is-visible{opacity:1;transform:none}.nameserver-save-button{min-height:34px;padding:0 12px;font-size:10.5px}@media(max-width:700px){.nameserver-actions{align-items:stretch;flex-direction:column-reverse}.nameserver-save-button{width:100%}}
.dns-record-actions{display:flex;align-items:center;gap:5px}.dns-edit-record,.dns-cancel-edit{width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#222;display:grid;place-items:center;cursor:pointer}.dns-edit-record svg,.dns-cancel-edit svg{width:13px}.dns-edit-record.is-saving{width:auto;padding:0 9px;background:#111;color:#fff;border-color:#111;font-size:9.5px;font-weight:700}.dns-record-row.is-editing{padding:8px;border:1px solid #cfcfcf;border-radius:9px;background:var(--surface-soft)}
.dns-record-row{grid-template-columns:75px minmax(110px,1fr) minmax(180px,2fr) 75px 66px}@media(max-width:700px){.dns-record-row{grid-template-columns:60px minmax(105px,1fr) minmax(150px,2fr) 65px 66px}}
.mobile-website-settings{display:none!important}@media(max-width:640px){.mobile-website-settings{display:inline-flex!important}.summary-actions-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-actions-bottom .button{width:100%;padding-left:8px;padding-right:8px;font-size:11.5px}.website-tools-card{scroll-margin-top:86px}}
.domain-list-card .domain-management-row{display:grid!important;grid-template-columns:45px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:92px!important;padding:14px 2px!important}.domain-list-card .domain-management-row>.round-icon{width:45px;height:45px;margin:0!important;align-self:center}.domain-list-card .list-row-main{min-width:0;align-self:center}.domain-list-card .list-row-main>strong{margin:0;line-height:1.25}.domain-list-card .ssl-row{display:flex!important;align-items:center!important;gap:7px!important;min-height:25px;margin:7px 0 0!important;flex-wrap:wrap}.domain-list-card .ssl-row>.badge,.domain-list-card .domain-expiry{flex:none;margin:0!important}.domain-list-card .domain-expiry{display:inline-flex!important;grid-column:auto!important;align-items:center!important;gap:4px!important;width:auto!important;min-height:25px!important;padding:4px 9px!important;border:0!important;border-radius:99px!important;background:#eee!important;line-height:1!important;white-space:nowrap!important}.domain-list-card .domain-expiry::before{content:none!important}.domain-list-card .domain-row-actions{display:grid!important;grid-template-columns:repeat(3,max-content);align-items:center;justify-content:end;gap:7px!important;margin:0!important}.domain-list-card .domain-row-actions .button{width:auto!important;min-width:0;min-height:36px;white-space:nowrap}@media(max-width:700px){.domain-list-card .domain-management-row{grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;padding:15px 0!important}.domain-list-card .domain-management-row>.round-icon{width:42px;height:42px}.domain-list-card .domain-row-actions{grid-column:1/-1!important;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2px!important}.domain-list-card .domain-row-actions .button{width:100%!important;padding-left:8px;padding-right:8px;font-size:10.5px}}@media(max-width:480px){.domain-list-card .domain-row-actions{grid-template-columns:1fr}.domain-list-card .domain-row-actions .button{min-height:39px}}
.traffic-view-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:var(--surface-soft)}.traffic-view-tab{height:32px;border:0;border-radius:8px;padding:0 11px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;cursor:pointer;white-space:nowrap}.traffic-view-tab.active{background:#111;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12)}.sales-report-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sales-report-item{min-height:92px;padding:14px;border:1px solid var(--border);border-radius:13px;background:#fff;display:flex;align-items:center;gap:11px}.sales-report-icon{width:38px;height:38px;flex:none;border-radius:11px;background:var(--surface-soft);display:grid;place-items:center}.sales-report-icon svg{width:18px}.sales-report-item small,.sales-report-item strong{display:block}.sales-report-item small{margin-bottom:4px;color:var(--muted);font-size:10.5px}.sales-report-item strong{font-size:19px;letter-spacing:-.025em}
.default-website-button svg{width:14px}.default-website-button.is-default{border-color:#bfe5d0!important;background:var(--success-bg)!important;color:var(--success)!important;opacity:1!important;cursor:default!important}
.selector-option-row{display:flex;align-items:stretch;gap:7px;margin-bottom:4px}.selector-option-row:last-child{margin-bottom:0}.selector-option-row .selector-option{min-width:0;flex:1}.selector-default-button{width:82px;height:34px;align-self:center;flex:none;border:1px solid var(--border);border-radius:9px;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8.5px;font-weight:750;cursor:pointer;transition:.18s}.selector-default-button:hover:not(:disabled){border-color:#111;color:#111;background:var(--surface-soft)}.selector-default-button svg{width:12px;height:12px}.selector-default-button.is-default{border-color:#bfe5d0;background:var(--success-bg);color:var(--success);opacity:1;cursor:default}@media(max-width:640px){.selector-default-button{width:42px;height:34px}.selector-default-button span{display:none}}
.inline-custom-domain{scroll-margin-top:96px}
.summary-title .badge-row .badge-neutral{display:none}
.finish-heading{display:flex;align-items:center;gap:11px}.finish-heading .round-icon{width:40px;height:40px}.finish-heading h4{margin:0 0 3px;font-size:15px}.finish-heading p{margin:0;color:var(--muted);font-size:11px}.connection-progress{margin-top:18px;display:grid;gap:9px}.connection-progress-item{min-height:53px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;gap:11px}.connection-progress-item strong{font-size:12.5px}.connection-progress-item.waiting{color:#999;background:var(--surface-soft)}.connection-progress-item.done{border-color:#c4e5d1;background:var(--success-bg);color:var(--success)}.connection-progress-icon{width:25px;height:25px;border-radius:50%;background:#eee;display:grid;place-items:center;flex:none}.connection-progress-icon svg{width:14px}.connection-progress-item.done .connection-progress-icon{background:#fff}.connection-progress-item.loading .connection-progress-icon i{width:15px;height:15px;border:2px solid #bbb;border-top-color:#111;border-radius:50%;animation:spin .7s linear infinite}.ssl-time-warning{margin-top:12px;padding:11px 12px;border-radius:10px;background:var(--warning-bg);color:#765000;display:flex;align-items:flex-start;gap:8px;font-size:10.5px;line-height:1.45}.ssl-time-warning svg{width:16px;flex:none}
.dns-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dns-summary>div{padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.dns-summary small,.dns-summary strong{display:block}.dns-summary small{margin-bottom:4px;color:var(--muted);font-size:9.5px}.dns-summary strong{font-size:11px;overflow-wrap:anywhere}.dns-status{margin-top:13px;padding:12px 13px;border-radius:11px;display:flex;align-items:flex-start;gap:9px}.dns-status>svg{width:18px;flex:none}.dns-status strong,.dns-status span{display:block}.dns-status strong{font-size:12.5px}.dns-status span{margin-top:3px;font-size:10.5px;line-height:1.4}.dns-status.pending{border:1px solid #f0d99d;background:var(--warning-bg);color:#785000}.dns-status.connected{border:1px solid #bfe5d0;background:var(--success-bg);color:var(--success)}.dns-method-tabs{margin-top:14px;padding:4px;border-radius:10px;background:var(--surface-soft);display:grid;grid-template-columns:1fr 1fr;gap:4px}.dns-method-tabs button{min-height:35px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10.5px;font-weight:800;cursor:pointer}.dns-method-tabs button.active{background:#fff;color:#111;box-shadow:0 3px 9px rgba(0,0,0,.07)}.dns-instructions{margin-top:13px}.dns-instructions>p{margin:0 0 9px;color:var(--muted);font-size:11.5px}.dns-record{min-height:51px;margin-top:7px;padding:8px 9px 8px 12px;border:1px solid var(--border);border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px}.dns-record>span{min-width:0;flex:1}.dns-record small,.dns-record strong{display:block}.dns-record small{margin-bottom:3px;color:var(--muted);font-size:9.5px}.dns-record strong{font-size:12px;overflow-wrap:anywhere}.dns-record button{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);display:grid;place-items:center;cursor:pointer}.dns-record button:hover{border-color:#111}.dns-record button svg{width:15px}
.inline-custom-domain{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);animation:pageIn .24s ease}.inline-domain-head{margin-bottom:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inline-domain-head h4{margin:0 0 4px;font-size:15px}.inline-domain-head p{margin:0;color:var(--muted);font-size:11.5px}.inline-domain-close{width:30px;height:30px;padding:0;border:0;border-radius:8px;background:var(--surface-soft);display:grid;place-items:center;cursor:pointer}.inline-domain-close svg{width:15px}.inline-domain-actions{margin-top:13px;display:flex;justify-content:flex-end}.inline-domain-actions .button{min-width:150px}
.button-secondary.loading::after,.button-danger.loading::after,.button-ghost.loading::after{color:#111}.button.loading::after{width:15px;height:15px;border-width:2px}
.registered-domains{margin-top:19px}.registered-domains-head{margin-bottom:9px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.registered-domains-head strong{font-size:12.5px}.registered-domains-head small{color:var(--muted);font-size:10.5px}.registered-domain-option{width:100%;min-height:58px;margin-top:7px;padding:9px 11px;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.18s}.registered-domain-option:hover,.registered-domain-option.selected{border-color:#111;background:var(--surface-soft)}.registered-domain-option .round-icon{width:36px;height:36px;border-radius:10px}.registered-domain-option .round-icon svg{width:17px}.registered-domain-option>span:nth-child(2){min-width:0;flex:1}.registered-domain-option strong,.registered-domain-option small{display:block}.registered-domain-option strong{font-size:12.5px}.registered-domain-option small{margin-top:2px;color:var(--success);font-size:10.5px}.registered-domain-option>svg{width:16px;color:var(--success);opacity:0}.registered-domain-option.selected>svg{opacity:1}
.custom-domain-modal-box{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);display:flex;align-items:flex-start;gap:12px}.custom-domain-modal-box .round-icon{background:#fff}.custom-domain-empty{padding:25px 14px;text-align:center}.custom-domain-empty .round-icon{margin:0 auto 12px}.custom-domain-empty h3{margin:0 0 6px;font-size:16px}.custom-domain-empty p{max-width:330px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.45}
.url-edit-field{height:46px;border:1px solid var(--border);border-radius:11px;background:#fff;display:flex;align-items:center;overflow:hidden}.url-edit-field:focus-within{border-color:#999;box-shadow:0 0 0 3px rgba(10,10,10,.06)}.url-edit-field input{min-width:0;flex:1;height:44px!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding-right:4px!important}.url-edit-field span{height:100%;padding:0 13px 0 6px;background:var(--surface-soft);color:#666;display:flex;align-items:center;font-size:12px;font-weight:700}.url-preview{overflow-wrap:anywhere}.url-availability{margin-top:11px;padding:9px 11px;border-radius:9px;display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:800}.url-availability svg{width:15px}.url-availability.available{background:var(--success-bg);color:var(--success)}.url-availability.unavailable{background:var(--danger-bg);color:var(--danger)}
.website-tools-card .tool-icon{width:24px;height:24px;border-radius:0;background:transparent!important;color:#111!important}.website-tools-card .tool-icon svg{width:20px;height:20px}
.side-column>.website-tools-card{order:-2!important}.side-column>.growth-card{order:-1!important}.website-tools-card{background:#fff;color:var(--text);border-color:var(--border)}.website-tools-card .tools-heading p{color:var(--muted)!important}.website-tools-card .round-icon{background:var(--surface-soft);color:#111}.website-tools-card .website-tool{border:1px solid #cfcfcb;background:#fff;color:#111;box-shadow:0 4px 12px rgba(0,0,0,.035)}.website-tools-card .website-tool:hover{border-color:#111;background:#fff;box-shadow:0 9px 20px rgba(0,0,0,.09);transform:translateY(-3px)}.website-tools-card .tool-icon{background:#111;color:#fff}
.summary-url-row{display:flex;align-items:center;gap:5px}.edit-url-icon{width:25px;height:25px;padding:0;border:0;border-radius:7px;background:transparent;color:#777;display:grid;place-items:center;cursor:pointer}.edit-url-icon:hover{background:var(--surface-soft);color:#111}.edit-url-icon svg{width:14px;height:14px}.website-tools-card{padding:18px}.tools-heading{display:flex;align-items:flex-start;gap:11px}.tools-heading .round-icon{width:39px;height:39px;border-radius:11px}.tools-heading .round-icon svg{width:18px}.tools-heading h3{margin:1px 0 3px;font-size:16px}.tools-heading p{margin:0!important;font-size:11px!important}.website-tools-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.website-tool{min-height:78px;padding:11px 9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:9px;cursor:pointer;transition:.18s}.website-tool:hover{background:rgba(255,255,255,.13);transform:translateY(-1px)}.website-tool:last-child:nth-child(odd){grid-column:1/-1;min-height:64px;align-items:center;flex-direction:row;justify-content:flex-start}.tool-icon{width:30px;height:30px;border-radius:8px;background:#fff;color:#111;display:grid;place-items:center}.tool-icon svg{width:15px}.website-tool strong{font-size:10.5px;line-height:1.25}
.website-settings-toggle{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.tools-heading-copy{min-width:0;flex:1;display:grid;gap:3px}.tools-heading-copy>strong{font-size:16px}.tools-heading-copy>small{color:var(--muted);font-size:11px;line-height:1.35}.settings-accordion-icon{flex:0 0 32px;width:32px;height:32px;margin-top:3px;border:1px solid var(--border);border-radius:9px;display:grid;place-items:center;transition:transform .22s,background .2s}.settings-accordion-icon svg{width:15px;height:15px}.website-settings-toggle[aria-expanded="true"] .settings-accordion-icon{transform:rotate(180deg);background:var(--surface-soft)}.website-settings-panel[hidden]{display:none}.website-settings-panel:not([hidden]){animation:settingsOpen .22s ease-out}@keyframes settingsOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.website-tools-card.collapsed{padding-bottom:18px}
.domain-result-name .domain-availability{font-weight:800}.domain-available .domain-availability{color:var(--success)}.domain-unavailable .domain-availability{color:var(--danger)}.domain-unavailable{border-color:#efcfcc;background:var(--danger-bg)}
.domain-shortcut{cursor:pointer;border-radius:9px}.domain-shortcut:hover strong{color:var(--info)}#customDomainSection{scroll-margin-top:98px}
.website-details-widget{padding:18px}.website-details-heading{margin-bottom:14px}.website-details-heading h3{margin:0;font-size:16px}.website-details-widget .summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.website-details-widget .fact{min-width:0;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.website-details-widget .fact small,.website-details-widget .fact strong{display:block}.website-details-widget .fact small{font-size:9px}.website-details-widget .fact strong{margin-top:4px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.website-details-widget .usage-fact{grid-column:1/-1}.website-details-widget .usage-fact strong{white-space:normal}.website-details-widget .usage-meter{margin-top:8px}@media(max-width:640px){.website-details-widget{margin-top:14px;padding:15px}.website-details-widget .summary-facts{gap:8px}.website-details-widget .fact{padding:9px}.website-details-widget .fact strong{font-size:10.5px}}
.website-settings-toggle,.website-details-toggle{display:flex!important;align-items:center!important;gap:11px!important}.website-settings-toggle .round-icon,.website-details-toggle .round-icon{margin:0!important;align-self:center!important}.website-settings-toggle .settings-accordion-icon,.website-details-toggle .settings-accordion-icon{margin:0!important;align-self:center!important}.website-details-widget{padding:18px}.website-details-toggle{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.website-details-copy{min-width:0;flex:1;display:grid}.website-details-copy strong{font-size:16px}.website-details-panel{margin-top:15px}.website-details-toggle[aria-expanded="true"] .settings-accordion-icon{transform:rotate(180deg);background:var(--surface-soft)}.website-details-widget.collapsed{padding-bottom:18px}@media(max-width:640px){.website-details-widget{padding:15px}.website-details-panel{margin-top:12px}}
.selector-redesign .selector-identity{align-items:flex-start;flex-direction:column;gap:3px}
.selector-redesign{position:relative;padding:13px 15px!important;gap:12px!important;background:linear-gradient(90deg,#fff,#fbfbfa)!important}.selector-redesign .site-mark{width:46px;height:46px;border-radius:13px}.selector-current{min-width:0;flex:1;text-align:left}.selector-label{display:block;margin-bottom:4px;color:#999;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.selector-identity{display:flex;align-items:baseline;gap:9px;min-width:0}.selector-identity strong{font-size:15px;white-space:nowrap}.selector-identity small{min-width:0;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-status{padding:6px 9px;border-radius:99px;background:#f2f2f0;display:flex;align-items:center;gap:6px;color:#555;font-size:10.5px;font-weight:750;white-space:nowrap}.selector-switch{min-height:36px;padding:0 10px 0 12px;border-left:1px solid var(--border);display:flex;align-items:center;gap:7px;color:#222;font-size:11.5px;font-weight:800;white-space:nowrap}.selector-switch .selector-chevron{width:15px}.selector-redesign[aria-expanded="true"] .selector-switch{color:#000}.selector-redesign[aria-expanded="true"] .selector-chevron{transform:rotate(180deg)}
.mobile-create-website{display:none!important}.website-selector-row{align-items:stretch}.desktop-create-website{width:100%!important;height:100%!important;min-height:78px!important;padding:0 18px!important;border-radius:22px!important;justify-self:stretch;box-shadow:var(--shadow)!important}
.nav-item{text-decoration:none}.websites-intro{align-items:center}.websites-intro .create-website-button{width:auto;height:40px;min-height:40px;padding:0 14px;border-radius:11px;font-size:12px;box-shadow:none}.website-selector-row{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr)}.side-column>.website-tools-card{order:-3!important}.side-column>#customDomainSection{order:-2!important}.side-column>.recommendation-card{order:-1!important}.side-column>.eezix-promo{order:0!important}
.header-brand{width:104px;height:35px;display:flex;align-items:center}.header-brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.website-selector-row .selector-menu{top:calc(100% + 8px)}
.website-selector-row{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:18px;align-items:stretch}.website-selector-row #websiteSelectorMount{min-width:0}.website-selector-row .selector-wrap{height:100%;margin-bottom:0}.website-selector-row .website-selector-button{height:100%;min-height:78px;border-radius:22px;padding:13px 18px}.create-website-button{width:100%;height:100%;min-height:78px;border-radius:22px;font-size:14px;box-shadow:var(--shadow)}.create-website-button svg{width:19px}
.share-site-button{width:auto;min-height:0;padding:5px;border:0;background:transparent;box-shadow:none;flex:none}.share-site-button:hover:not(:disabled){transform:none;color:#555}.share-site-button span{display:none}.share-site-button svg{width:19px;height:19px}
.summary-actions-bottom{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);justify-content:flex-start}.eezix-promo{position:relative;overflow:hidden;background:linear-gradient(145deg,#f0fff6,#fff);border-color:#cbe8d6}.promo-track{display:flex;width:200%;animation:promoSlide 10s ease-in-out infinite}.promo-slide{width:50%;flex:none;padding:22px}.promo-label{display:inline-flex;padding:5px 8px;border-radius:7px;background:#176b45;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}.promo-slide h3{margin:14px 0 8px;font-size:20px;line-height:1.15;letter-spacing:-.025em}.promo-slide h3 strong{color:#176b45;font-size:27px}.promo-slide p{margin:0;color:#5e7066;font-size:12px;line-height:1.45}.promo-benefits{margin-top:16px;display:grid;gap:8px}.promo-benefits span{display:flex;align-items:center;gap:7px;color:#285e43;font-size:11px;font-weight:700}.promo-benefits svg{width:14px}.promo-dots{position:absolute;right:15px;bottom:14px;display:flex;gap:5px}.promo-dots i{width:6px;height:6px;border-radius:50%;background:#176b45}.promo-dots i+ i{opacity:.25}@keyframes promoSlide{0%,42%{transform:translateX(0)}50%,92%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.summary-actions{flex-wrap:wrap;justify-content:flex-end}.summary-actions .button{min-height:38px;padding:0 13px;font-size:12px}
.side-column>.section-card{order:1}.side-column>.recommendation-card{order:2}
.store-notifications{padding:18px}.store-notifications-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.store-notifications-head span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.09em}.store-notifications-head h3{margin:0;font-size:17px;line-height:1.25}.store-notifications-head>b{min-width:27px;height:27px;padding:0 7px;border-radius:99px;background:#111;color:#fff;display:grid;place-items:center;font-size:11px}.store-alert-list{display:grid;gap:9px}.store-alert{padding:12px;border:1px solid #d7d7d2;border-radius:13px;background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px}.store-alert.urgent{border-color:#111}.store-alert-icon{width:34px;height:34px;border-radius:9px;background:#f0f0ed;color:#111;display:grid;place-items:center}.store-alert-icon svg{width:17px;height:17px}.store-alert-copy{min-width:0}.store-alert-copy strong{display:block;font-size:12.5px;line-height:1.3}.store-alert-copy p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.store-alert>button{grid-column:2;width:max-content;margin-top:1px;padding:0;border:0;background:transparent;color:#111;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;cursor:pointer}.store-alert>button:hover{text-decoration:underline}.store-alert>button span svg{width:13px;height:13px}
@media(max-width:640px){.store-notifications{padding:15px}.store-notifications-head h3{font-size:16px}.store-alert{grid-template-columns:32px minmax(0,1fr);padding:11px}.store-alert-icon{width:32px;height:32px}.store-alert-copy strong{font-size:12px}.store-alert>button{grid-column:1/-1;width:100%;height:36px;padding:0 10px;border:1px solid #111;border-radius:9px;justify-content:space-between;text-decoration:none!important}}
.side-column .plan-row{flex-wrap:wrap!important}.side-column .plan-row>.button{width:100%!important;flex-basis:100%!important;margin:3px 0 0!important}.side-column .section-card>.button{width:100%!important}
.sidebar .brand{width:126px;height:40px;margin:2px auto 24px;padding:4px 6px;background:transparent}.sidebar .brand img{object-fit:contain;object-position:center}
.free-domain-note{background:#eaf7f0!important;color:#176b45!important;border:1px solid #bfe5d0}.free-domain-note span{color:#438164!important}.side-column .section-card{padding:18px}.side-column .section-card .card-head{align-items:flex-start;margin-bottom:14px}.side-column .section-card .card-head h3{font-size:15px}.side-column .section-card .card-head p{font-size:11px}.side-column .section-card .card-head .badge{flex:none}.side-column .plan-row{align-items:center;flex-direction:row;gap:9px}.side-column .plan-copy{width:auto;padding:0}.side-column .plan-copy strong{font-size:13px}.side-column .plan-copy span{margin-top:3px;font-size:10.5px;white-space:nowrap}.side-column .plan-row>.button{width:auto;min-height:34px;margin:0!important;padding:0 10px;font-size:11px;border-radius:9px}.side-column .section-card>.button{min-height:35px;margin-top:9px!important;font-size:11px}.side-column .plan-row .round-icon{width:36px;height:36px;border-radius:10px}.side-column .plan-row .round-icon svg{width:17px}.plan-expiring{border-color:#efc4c1}.plan-expiring .plan-copy span{color:var(--danger);font-weight:750}.plan-expiring .round-icon{background:var(--danger-bg);color:var(--danger)}
.free-domain-note{margin-top:14px;padding:13px 15px;border-radius:13px;background:#111;color:#fff;display:flex;align-items:center;gap:11px}.free-domain-note>svg{width:19px;flex:none}.free-domain-note strong,.free-domain-note span{display:block}.free-domain-note strong{font-size:13px}.free-domain-note span{margin-top:2px;color:rgba(255,255,255,.65);font-size:11.5px}.domain-search{margin-top:14px;display:flex;gap:9px}.domain-search-field{position:relative;min-width:0;flex:1}.domain-search-field svg{position:absolute;left:14px;top:14px;width:18px;color:#777}.domain-search-field input{width:100%;height:45px;border:1px solid var(--border);border-radius:11px;padding:0 14px 0 42px;background:#fff;outline:none}.domain-search-field input:focus{border-color:#999;box-shadow:0 0 0 3px rgba(10,10,10,.06)}.domain-result{margin-top:11px}.domain-result-row{padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);display:flex;align-items:center;gap:11px}.domain-result-row .round-icon{width:40px;height:40px;background:#fff}.domain-result-name{min-width:0;flex:1}.domain-result-name strong,.domain-result-name small,.domain-price strong,.domain-price small{display:block}.domain-result-name strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.domain-result-name small,.domain-price small{margin-top:3px;color:var(--muted);font-size:10.5px}.domain-price{text-align:right}.domain-price strong{font-size:14px}.year-select select{height:40px;border:1px solid var(--border);border-radius:10px;padding:0 30px 0 10px;background:#fff;font:inherit;font-size:12px;font-weight:700}
:root{--primary:#0a0a0a;--primary-soft:#f1f1f1;--text:#151515;--muted:#747474;--muted-2:#9a9a9a;--bg:#f3f3f1;--surface:#fff;--surface-soft:#f8f8f7;--border:#e6e6e3;--success:#197348;--success-bg:#eaf7f0;--warning:#946000;--warning-bg:#fff6df;--danger:#a63d3d;--danger-bg:#fff0ef;--info:#305f91;--info-bg:#eef5fc;--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow:0 14px 38px rgba(10,10,10,.055);--shadow-float:0 22px 55px rgba(10,10,10,.13);--sidebar:244px;--header:82px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Hanken Grotesk",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(10,10,10,.18);outline-offset:2px}svg{display:block}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:16px auto 16px 16px;z-index:40;width:var(--sidebar);padding:20px 14px 16px;border-radius:26px;background:var(--primary);color:#fff;display:flex;flex-direction:column;box-shadow:0 20px 48px rgba(0,0,0,.16);overflow-y:auto}.brand{height:58px;margin:0 7px 23px;padding:14px 17px;border-radius:14px;background:#fff;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{width:100%;height:45px;border:0;border-radius:12px;padding:0 13px;background:transparent;color:rgba(255,255,255,.69);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;text-align:left;cursor:pointer;transition:.18s}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:rgba(255,255,255,.09);color:#fff}.nav-item.active{background:#fff;color:var(--primary);box-shadow:0 9px 20px rgba(0,0,0,.18)}.nav-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:11px}.nav-item.active .nav-count{background:#eee}.nav-divider{height:1px;margin:12px 10px;background:rgba(255,255,255,.13)}.nav-section-label{padding:0 13px 7px;color:rgba(255,255,255,.35);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-help{margin:auto 3px 12px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:9px}.help-icon{width:29px;height:29px;border-radius:9px;background:#fff;color:#111;display:grid;place-items:center;font-weight:800}.sidebar-help div{min-width:0;flex:1}.sidebar-help strong,.sidebar-help small{display:block}.sidebar-help strong{font-size:12px}.sidebar-help small{margin-top:2px;color:rgba(255,255,255,.5);font-size:10px}.sidebar-help button{border:0;background:transparent;color:#fff;cursor:pointer}.logout-button{height:42px;border:0;border-radius:11px;padding:0 13px;background:transparent;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:11px;font-size:13px;font-weight:650;cursor:pointer}.logout-button:hover{background:rgba(255,255,255,.08);color:#fff}.logout-button svg{width:18px}.workspace{min-height:100vh;margin-left:calc(var(--sidebar) + 32px)}.top-header{position:sticky;top:0;z-index:30;height:var(--header);padding:0 34px;background:rgba(243,243,241,.92);backdrop-filter:blur(14px);display:flex;align-items:center;border-bottom:1px solid rgba(220,220,216,.75)}.header-title{display:flex;flex-direction:column}.header-kicker{color:var(--muted-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-title h1{margin:2px 0 0;font-size:24px;line-height:1.1;letter-spacing:-.025em}.header-actions{position:relative;margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.18s}.icon-button:hover{border-color:#bbb;transform:translateY(-1px)}.icon-button svg{width:19px}.menu-button{display:none}.notification-button{position:relative}.notification-button i{position:absolute;right:9px;top:9px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#111}.profile-button{height:48px;min-width:205px;padding:5px 11px 5px 6px;border:1px solid var(--border);border-radius:14px;background:#fff;display:flex;align-items:center;gap:10px;cursor:pointer}.avatar{width:36px;height:36px;border-radius:11px;background:#111;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.profile-copy{min-width:0;flex:1;text-align:left}.profile-copy strong,.profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy strong{font-size:13px}.profile-copy small{margin-top:2px;color:var(--muted);font-size:11px}.profile-button>svg{width:16px}.profile-menu{position:absolute;right:0;top:58px;width:205px;padding:7px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transform:translateY(-5px);transition:.18s}.profile-menu.open{opacity:1;pointer-events:auto;transform:none}.profile-menu button{width:100%;height:38px;border:0;border-radius:8px;padding:0 11px;background:transparent;text-align:left;font-size:13px;cursor:pointer}.profile-menu button:hover{background:var(--surface-soft)}.main-content{padding:30px 34px 54px}.page{display:none}.page.active{display:block;animation:pageIn .28s ease}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-intro{margin-bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.page-intro h2{margin:3px 0 7px;font-size:30px;line-height:1.1;letter-spacing:-.035em}.page-intro p{margin:0;color:var(--muted);font-size:14.5px}.eyebrow{color:var(--muted-2)!important;font-size:11px!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.button{min-height:43px;border:1px solid transparent;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:750;cursor:pointer;transition:.18s;text-decoration:none}.button svg{width:17px}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:#0a0a0a;color:#fff;box-shadow:0 9px 18px -12px rgba(0,0,0,.7)}.button-secondary{border-color:var(--border);background:#fff}.button-ghost{border-color:transparent;background:var(--surface-soft)}.button-danger{border-color:#f0c9c7;background:#fff;color:var(--danger)}.button:disabled{cursor:not-allowed;background:#eee;color:#aaa;box-shadow:none}.button.loading{pointer-events:none;color:transparent;position:relative}.button.loading::after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.selector-wrap{position:relative;margin-bottom:18px}.website-selector-button{width:100%;min-height:88px;border:1px solid var(--border);border-radius:18px;padding:15px 18px;background:#fff;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:.18s}.website-selector-button:hover,.website-selector-button[aria-expanded="true"]{border-color:#bababa}.site-mark{width:48px;height:48px;flex:none;border-radius:14px;background:#111;color:#fff;display:grid;place-items:center}.site-mark svg{width:23px}.site-main{min-width:0;flex:1}.site-main strong{display:block;margin-bottom:3px;font-size:16px}.site-main small{display:block;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-type{padding:6px 9px;border-radius:8px;background:var(--surface-soft);color:#555;font-size:11px;font-weight:750;text-transform:capitalize}.selector-chevron{width:18px;transition:.18s}.website-selector-button[aria-expanded="true"] .selector-chevron{transform:rotate(180deg)}.selector-menu{position:absolute;left:0;right:0;top:98px;z-index:25;padding:10px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transform:translateY(-6px);transition:.18s}.selector-menu.open{opacity:1;pointer-events:auto;transform:none}.selector-search{position:relative;margin-bottom:8px}.selector-search svg{position:absolute;left:13px;top:13px;width:17px;color:#888}.selector-search input{width:100%;height:43px;border:1px solid var(--border);border-radius:11px;padding:0 13px 0 40px;background:#fafafa;outline:none}.selector-options{max-height:330px;overflow:auto}.selector-option{width:100%;min-height:67px;border:0;border-radius:12px;padding:10px;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.selector-option:hover,.selector-option.focused{background:var(--surface-soft)}.selector-option.selected{background:#f2f2f1}.selector-option .site-mark{width:39px;height:39px;border-radius:11px}.selector-option .site-mark svg{width:19px}.selected-check{margin-left:8px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center}.selected-check svg{width:13px}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#aaa}.status-dot.active{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.danger{background:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:18px}.main-column,.side-column{display:flex;flex-direction:column;gap:18px}.summary-card{padding:24px}.summary-head{display:flex;align-items:flex-start;gap:15px}.summary-head .site-mark{width:54px;height:54px}.summary-title{min-width:0;flex:1}.summary-title h3{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}.summary-title a{color:var(--muted);font-size:13px;text-decoration:none}.badge-row{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}.badge{min-height:25px;padding:4px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800}.badge svg{width:12px}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:#eee;color:#555}.summary-actions{display:flex;gap:8px}.summary-facts{margin-top:22px;padding-top:19px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fact small,.metric small{display:block;margin-bottom:5px;color:var(--muted);font-size:11.5px}.fact strong{font-size:13px}.warning-banner{padding:14px 16px;border:1px solid #f0d99d;border-radius:14px;background:var(--warning-bg);display:flex;align-items:flex-start;gap:11px;color:#6f4c00}.warning-banner.danger{border-color:#edc5c2;background:var(--danger-bg);color:#7f302c}.warning-banner svg{width:20px;flex:none}.warning-banner strong{display:block;margin-bottom:3px;font-size:13.5px}.warning-banner p{margin:0;font-size:12.5px;line-height:1.45}.section-card{padding:21px}.card-head{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head h3{margin:0;font-size:17px}.card-head p{margin:4px 0 0;color:var(--muted);font-size:12.5px}.plan-row{display:flex;align-items:center;gap:13px}.round-icon{width:45px;height:45px;flex:none;border-radius:13px;background:var(--surface-soft);display:grid;place-items:center}.round-icon svg{width:21px}.plan-copy{min-width:0;flex:1}.plan-copy strong{display:block;font-size:14px}.plan-copy span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.domain-box{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);display:flex;align-items:center;gap:12px}.domain-box .round-icon{background:#fff}.domain-info{min-width:0;flex:1}.domain-info strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}.domain-info small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px}.ssl-row{margin-top:11px;display:flex;gap:8px;flex-wrap:wrap}.traffic-card{padding:22px}.traffic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.filter-group{display:flex;gap:5px;padding:4px;border-radius:11px;background:var(--surface-soft)}.filter-button{height:31px;border:0;border-radius:8px;padding:0 10px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.filter-button.active{background:#fff;color:#111;box-shadow:0 3px 10px rgba(0,0,0,.07)}.custom-range{display:none;margin:12px 0 0;justify-content:flex-end;gap:8px}.custom-range.visible{display:flex}.custom-range label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.custom-range input{height:34px;border:1px solid var(--border);border-radius:8px;padding:0 8px}.metrics-grid{margin:19px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{padding:13px;border:1px solid var(--border);border-radius:13px;background:#fff}.metric strong{font-size:20px;letter-spacing:-.03em}.metric .change{margin-top:4px;color:var(--success);font-size:10.5px;font-weight:700}.traffic-chart{width:100%;height:auto;min-height:230px}.chart-grid{stroke:#ececea;stroke-width:1}.chart-line{fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#trafficGradient)}.chart-point{fill:#fff;stroke:#111;stroke-width:2}.chart-label{fill:#999;font-size:10px}.empty-chart{height:220px;display:grid;place-items:center;color:var(--muted);font-size:13px}.recommendation-card{padding:20px;background:#111;color:#fff}.recommendation-card .round-icon{background:rgba(255,255,255,.1)}.recommendation-card p{color:rgba(255,255,255,.62);font-size:12.5px;line-height:1.5}.recommendation-card .button{width:100%;margin-top:8px;background:#fff;color:#111}.action-list{display:grid;gap:9px}.quick-action{width:100%;min-height:58px;border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.quick-action:hover{background:var(--surface-soft)}.quick-action .round-icon{width:38px;height:38px;border-radius:11px}.quick-action .round-icon svg{width:18px}.quick-action strong{display:block;font-size:13px}.quick-action small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.quick-action>svg{margin-left:auto;width:16px;color:#999}.ecommerce-section{margin-top:18px}.ecommerce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commerce-card{padding:18px}.commerce-card h4{margin:14px 0 5px;font-size:15px}.commerce-card p{min-height:35px;margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}.commerce-count{font-size:24px;font-weight:800}.generic-page .page-intro{align-items:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:19px}.stat-card .round-icon{margin-bottom:15px}.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;margin-top:4px;font-size:25px;letter-spacing:-.03em}.list-card{padding:20px}.list-row{min-height:61px;padding:10px 2px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.list-row:last-child{border-bottom:0}.list-row-main{min-width:0;flex:1}.list-row strong{display:block;font-size:13px}.list-row small{display:block;margin-top:3px;color:var(--muted);font-size:11.5px}.empty-state{padding:44px 20px;text-align:center}.empty-state .round-icon{margin:0 auto 14px}.empty-state h3{margin:0 0 7px}.empty-state p{max-width:420px;margin:0 auto 18px;color:var(--muted);font-size:13px}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.integration-card{padding:18px}.integration-card .round-icon{margin-bottom:13px}.integration-card h4{margin:0 0 5px}.integration-card p{min-height:40px;margin:0 0 14px;color:var(--muted);font-size:12px}.sidebar-overlay{display:none}.modal-root:empty{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.48);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s ease}.modal{width:100%;max-width:490px;max-height:calc(100vh - 40px);overflow:auto;border-radius:20px;background:#fff;box-shadow:var(--shadow-float);animation:modalIn .24s ease}.modal.large{max-width:650px}.modal-head{padding:21px 22px 15px;display:flex;align-items:flex-start;gap:15px}.modal-title{min-width:0;flex:1}.modal-title h2{margin:0 0 5px;font-size:21px}.modal-title p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.modal-close{width:35px;height:35px;border:1px solid var(--border);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.modal-body{padding:7px 22px 20px}.modal-footer{padding:15px 22px 21px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:9px}.field{margin-bottom:16px}.field label{display:block;margin-bottom:7px;font-size:12.5px;font-weight:700}.field input{width:100%;height:45px;border:1px solid var(--border);border-radius:11px;padding:0 13px;outline:none}.field input:focus{border-color:#999;box-shadow:0 0 0 3px rgba(10,10,10,.06)}.field small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.field-error{display:none;margin-top:6px;color:var(--danger);font-size:11px}.field-error.visible{display:block}.danger-note{padding:13px;border-radius:12px;background:var(--danger-bg);color:#74312d;font-size:12px;line-height:1.5}.suggestion-list{display:grid;gap:9px}.suggestion-item{padding:12px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:flex-start;gap:11px}.suggestion-item .round-icon{width:37px;height:37px;border-radius:10px}.suggestion-item strong{display:block;font-size:13px}.suggestion-item p{margin:3px 0 0;color:var(--muted);font-size:11.5px;line-height:1.4}.toast-region{position:fixed;right:20px;bottom:20px;z-index:140;display:grid;gap:9px}.toast{min-width:280px;max-width:390px;padding:13px 15px;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:var(--shadow-float);display:flex;align-items:center;gap:10px;animation:toastIn .25s ease}.toast.success{border-left:4px solid var(--success)}.toast.error{border-left:4px solid var(--danger)}.toast svg{width:19px}.toast span{font-size:12.5px;font-weight:650}@keyframes fadeIn{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes toastIn{from{opacity:0;transform:translateX(15px)}}

/* Billing address settings modal */
.billing-address-form{display:grid;gap:13px}.billing-name-grid,.billing-location-grid,.billing-business-grid{display:grid;gap:11px}.billing-name-grid,.billing-business-grid{grid-template-columns:1fr 1fr}.billing-location-grid{grid-template-columns:.75fr 1fr 1fr}.billing-address-form .field{margin:0}.billing-address-form label b{color:#bd443c}.billing-address-form textarea{width:100%;min-height:82px;padding:10px 12px;border:1px solid var(--border,#dcdcd7);border-radius:10px;background:#fff;resize:vertical;outline:none}.billing-address-form textarea:focus,.billing-address-form input:focus,.billing-address-form select:focus{border-color:#111;box-shadow:0 0 0 2px rgba(17,17,17,.06)}.billing-address-form .field-error{display:none;color:#ad4139}.billing-address-form .field.invalid .field-error{display:block}.billing-address-form .field.invalid input,.billing-address-form .field.invalid textarea{border-color:#c95a50;background:#fff8f7}
@media(max-width:620px){.billing-name-grid,.billing-location-grid,.billing-business-grid{grid-template-columns:1fr}}

/* Simple, reliable billing location controls. */
.billing-location-grid{grid-template-columns:1fr 1fr;align-items:end}.billing-location-grid>.field:nth-child(3){grid-column:1/-1}.billing-address-form select{width:100%;height:44px;padding:0 38px 0 12px;border:1px solid #cecec8;border-radius:9px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#333 50%),linear-gradient(135deg,#333 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:#222;font-size:11px;line-height:44px;appearance:none;-webkit-appearance:none;cursor:pointer}.billing-address-form select:disabled{background-color:#f2f2ef;color:#888;cursor:not-allowed}.billing-address-form option{color:#222;background:#fff}.billing-address-form .field label{margin-bottom:6px;color:#333;font-size:10px;font-weight:750}
@media(max-width:620px){.billing-location-grid{grid-template-columns:1fr}.billing-location-grid>.field:nth-child(3){grid-column:auto}.billing-address-form select{height:43px}}

/* Store currency settings modal */
.store-currency-form{display:grid;gap:16px}.currency-select-field{display:grid;gap:7px}.currency-select-field>span,.currency-display-setting>span{font-size:10px;font-weight:750}.currency-select-field select{width:100%;height:44px;padding:0 38px 0 12px;border:1px solid #cecec8;border-radius:9px;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#333 50%),linear-gradient(135deg,#333 50%,transparent 50%);background-position:calc(100% - 17px) 18px,calc(100% - 12px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;color:#222;font-size:11px;appearance:none;-webkit-appearance:none}.currency-display-options{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.currency-display-options label{position:relative;cursor:pointer}.currency-display-options input{position:absolute;opacity:0}.currency-display-options label>span{min-height:72px;padding:12px;border:1px solid #d9d9d4;border-radius:11px;background:#fff;display:flex;justify-content:center;flex-direction:column}.currency-display-options input:checked+span{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fafaf8}.currency-display-options strong,.currency-display-options small{display:block}.currency-display-options strong{font-size:11px}.currency-display-options small{margin-top:5px;color:#666;font-size:10px}.currency-store-preview{padding:13px;border-radius:11px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}.currency-store-preview span{color:#bbb;font-size:9px}.currency-store-preview strong{font-size:17px}
@media(max-width:480px){.currency-display-options{grid-template-columns:1fr 1fr}.currency-display-options label>span{min-height:66px;padding:10px}}

/* Payment gateway settings modal */
.payment-gateway-list{display:grid;gap:9px}.gateway-card{padding:11px;border:1px solid #deded9;border-radius:12px;background:#fff}.gateway-card.enabled{border-color:#aaa}.gateway-card-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.gateway-symbol{width:42px;height:42px;border-radius:10px;background:#f1f1ee;color:#111;display:grid;place-items:center;font-size:13px;font-weight:850}.gateway-symbol.razorpay{background:#edf2ff;color:#3057b5}.gateway-symbol.ccavenue{background:#fff1e7;color:#b65c24;font-size:9px}.gateway-symbol.stripe{background:#eeeaff;color:#6354b8}.gateway-symbol.phonepe{background:#f1eaff;color:#6739a6}.gateway-card-main>div>strong,.gateway-card-main>div>small{display:block}.gateway-card-main>div>strong{font-size:11px}.gateway-card-main>div>small{margin-top:3px;color:#777;font-size:8.5px}.gateway-switch{display:flex;align-items:center;gap:6px;cursor:pointer}.gateway-switch input{position:absolute;opacity:0}.gateway-switch i{position:relative;width:36px;height:21px;border-radius:20px;background:#ccc}.gateway-switch i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.18s}.gateway-switch input:checked+i{background:#111}.gateway-switch input:checked+i:after{transform:translateX(15px)}.gateway-switch span{font-size:8.5px;font-weight:750}.gateway-card-action{margin-top:10px;padding-top:10px;border-top:1px solid #e7e7e3;display:flex;align-items:center;justify-content:space-between}.gateway-card-action[hidden]{display:none!important}.gateway-connection-status{color:#8a5c20;font-size:9px;font-weight:750}.gateway-card.connected .gateway-connection-status{color:#247653}.gateway-connect-panel{margin-top:11px;padding:12px;border-radius:10px;background:#f5f5f2}.gateway-connect-head{display:flex;align-items:flex-start;justify-content:space-between}.gateway-connect-head strong,.gateway-connect-head small{display:block}.gateway-connect-head strong{font-size:11px}.gateway-connect-head small{margin-top:3px;color:#777;font-size:8.5px}.gateway-connect-head>button{width:28px;height:28px;border:0;border-radius:7px;background:#fff;font-size:16px}.gateway-credential-grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.gateway-credential-grid label{display:grid;gap:5px}.gateway-credential-grid label>span{font-size:9px;font-weight:750}.gateway-credential-grid input,.gateway-credential-grid select{width:100%;height:39px;padding:0 10px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:9.5px}.gateway-credential-grid input.invalid{border-color:#bd4d45;background:#fff7f6}.gateway-confirm-connect{width:100%;margin-top:11px}
@media(max-width:560px){.gateway-card-main{grid-template-columns:38px minmax(0,1fr) auto}.gateway-symbol{width:38px;height:38px}.gateway-card-main>div>small{display:none}.gateway-switch span{display:none}.gateway-credential-grid{grid-template-columns:1fr}}
.gateway-symbol.fastercheckout{background:#e9f7f4;color:#147465;font-size:10px}

/* Shipment method and ShipRocket API modal */
.shipment-method-list{display:grid;gap:9px}.shipment-provider-card{padding:11px;border:1px solid #deded9;border-radius:12px;background:#fff}.shipment-provider-card.enabled{border-color:#aaa}.shipment-provider-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.shipment-provider-symbol{width:42px;height:42px;border-radius:10px;background:#f1f1ee;display:grid;place-items:center;font-size:10px;font-weight:850}.shipment-provider-symbol.shiprocket{background:#e9f3ff;color:#2670b5}.shipment-provider-main>div>strong,.shipment-provider-main>div>small{display:block}.shipment-provider-main>div>strong{font-size:11px}.shipment-provider-main>div>small{margin-top:3px;color:#777;font-size:8.5px}.shipment-provider-action{margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e1;display:flex;align-items:center;justify-content:space-between;gap:10px}.shipment-provider-action[hidden]{display:none!important}.shipment-api-status{color:#9b6620;font-size:9px;font-weight:750}.shipment-provider-card.connected .shipment-api-status{color:#247653}.shiprocket-api-panel{margin-top:11px;padding:12px;border-radius:10px;background:#f5f5f2}.shiprocket-api-note{margin-top:10px;padding:9px;border-radius:8px;background:#fff;color:#666;font-size:8.5px;line-height:1.45}.shiprocket-api-panel>#confirmShiprocketApi{width:100%;margin-top:10px}
@media(max-width:560px){.shipment-provider-main{grid-template-columns:38px minmax(0,1fr) auto}.shipment-provider-symbol{width:38px;height:38px}.shipment-provider-main>div>small{display:none}.shipment-provider-action{align-items:stretch;flex-direction:column}.shipment-provider-action .button{width:100%}}

/* Coupon code management modal */
.coupon-management{display:grid;gap:12px}.coupon-management-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.coupon-management-head strong,.coupon-management-head small{display:block}.coupon-management-head strong{font-size:12px}.coupon-management-head small{margin-top:3px;color:#777;font-size:8.5px}.coupon-editor{padding:13px;border:1px solid #bbb;border-radius:12px;background:#fafaf8}.coupon-editor-head{display:flex;align-items:flex-start;justify-content:space-between}.coupon-editor-head strong,.coupon-editor-head small{display:block}.coupon-editor-head strong{font-size:12px}.coupon-editor-head small{margin-top:3px;color:#777;font-size:8.5px}.coupon-editor-head>button{width:28px;height:28px;border:0;border-radius:7px;background:#fff;font-size:17px}.coupon-form-grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.coupon-form-grid label{display:grid;gap:5px}.coupon-form-grid label>span{font-size:9px;font-weight:750}.coupon-form-grid input,.coupon-form-grid select{width:100%;height:39px;padding:0 9px;border:1px solid #ccc;border-radius:8px;background:#fff;font-size:9.5px}.coupon-form-grid input.invalid{border-color:#bd4d45;background:#fff7f6}.coupon-value-type{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.coupon-value-type label{position:relative}.coupon-value-type input{position:absolute;opacity:0}.coupon-value-type span{min-height:38px;border:1px solid #d5d5d0;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:9.5px;font-weight:750}.coupon-value-type input:checked+span{border-color:#111;background:#111;color:#fff}.coupon-product-picker{margin-top:11px;padding:11px;border:1px solid #ddd;border-radius:10px;background:#fff}.coupon-product-picker>div:first-child strong,.coupon-product-picker>div:first-child small{display:block}.coupon-product-picker>div:first-child strong{font-size:10px}.coupon-product-picker>div:first-child small{margin-top:3px;color:#777;font-size:8px}.coupon-product-picker>div:last-child{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.coupon-product-picker label{padding:7px;border-radius:7px;background:#f4f4f1;display:flex;align-items:center;gap:7px;font-size:8.5px}.coupon-product-picker input{accent-color:#111}.coupon-add-confirm{width:100%;margin-top:11px}.coupon-list{display:grid;gap:9px}.coupon-card{padding:12px;border:1px solid #deded9;border-radius:12px;background:#fff}.coupon-card.held{background:#fafafa;opacity:.78}.coupon-card-head,.coupon-card-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.coupon-code{padding:5px 8px;border:1px dashed #999;border-radius:7px;font-size:10px;font-weight:850;letter-spacing:.04em}.coupon-status{padding:4px 7px;border-radius:7px;font-size:8px;font-weight:800}.coupon-status.active{background:#e8f6ee;color:#247653}.coupon-status.hold{background:#fff0dc;color:#8a5b17}.coupon-card-head>strong{font-size:13px}.coupon-card-facts{margin-top:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.coupon-card-facts>span{padding:8px;border-radius:8px;background:#f5f5f2}.coupon-card-facts small,.coupon-card-facts strong{display:block}.coupon-card-facts small{color:#777;font-size:7.5px}.coupon-card-facts strong{margin-top:3px;overflow:hidden;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.coupon-card-actions{margin-top:10px;display:flex;justify-content:flex-end;gap:6px}.coupon-card-actions .button{min-height:33px;padding:0 9px;font-size:8.5px}.coupon-usage,.coupon-remove-warning{margin-top:10px;padding:11px;border-radius:9px;background:#f5f5f2}.coupon-usage>div:first-child strong,.coupon-usage>div:first-child small{display:block}.coupon-usage>div:first-child strong{font-size:10px}.coupon-usage>div:first-child small{margin-top:3px;color:#777;font-size:8px}.coupon-use-row{margin-top:7px;padding-top:7px;border-top:1px solid #ddd;display:flex;justify-content:space-between}.coupon-use-row strong,.coupon-use-row small{display:block;font-size:8.5px}.coupon-use-row small,.coupon-use-row time{color:#777;font-size:8px}.coupon-no-usage{margin-top:8px;color:#777;font-size:9px}.coupon-remove-warning{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff0ed}.coupon-remove-warning span strong,.coupon-remove-warning span small{display:block}.coupon-remove-warning span strong{font-size:10px}.coupon-remove-warning span small{margin-top:3px;color:#8e5a54;font-size:8px}.coupon-remove-warning>div{display:flex;gap:6px}
@media(max-width:560px){.coupon-management-head{align-items:stretch;flex-direction:column}.coupon-management-head .button{width:100%}.coupon-form-grid,.coupon-product-picker>div:last-child{grid-template-columns:1fr}.coupon-card-facts{grid-template-columns:1fr 1fr}.coupon-card-actions{display:grid;grid-template-columns:1fr 1fr}.coupon-card-actions .button:first-child{grid-column:1/-1}.coupon-remove-warning{align-items:stretch;flex-direction:column}.coupon-remove-warning>div{display:grid;grid-template-columns:1fr 1fr}}
.coupon-product-search{height:38px!important;margin-top:9px;padding:0 10px;border:1px solid #ccc;border-radius:8px;background:#fff;display:flex!important;align-items:center;gap:7px}.coupon-product-search>span{color:#777;font-size:15px}.coupon-product-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:9.5px}.coupon-product-options{margin-top:9px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:6px}.coupon-product-empty{margin-top:9px;color:#777;font-size:9px;text-align:center}.coupon-product-options label[hidden]{display:none!important}
@media(max-width:560px){.coupon-product-options{grid-template-columns:1fr}}
.coupon-product-empty[hidden]{display:none!important}

/* Customer login methods modal */
.login-method-settings{display:grid;gap:14px}.login-master-switch{padding:13px;border:1px solid #ccc;border-radius:11px;background:#fafaf8;display:flex;align-items:center;justify-content:space-between;gap:12px}.login-master-switch>span:first-child strong,.login-master-switch>span:first-child small{display:block}.login-master-switch>span:first-child strong{font-size:11px}.login-master-switch>span:first-child small{margin-top:4px;color:#777;font-size:8.5px}.login-method-options>span{display:block;margin-bottom:8px;font-size:10px;font-weight:750}.login-method-options{display:grid;gap:8px}.login-method-options>label{position:relative;cursor:pointer}.login-method-options>label>input{position:absolute;opacity:0}.login-method-card{min-height:65px;padding:10px;border:1px solid #d8d8d3;border-radius:10px;background:#fff;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.login-method-options>label>input:checked+.login-method-card{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fafaf8}.login-method-card>b{width:38px;height:38px;border-radius:9px;background:#f0f0ed;display:grid;place-items:center;font-size:10px}.login-method-card>span strong,.login-method-card>span small{display:block}.login-method-card>span strong{font-size:10.5px}.login-method-card>span small{margin-top:4px;color:#777;font-size:8.5px;line-height:1.4}.login-method-options.disabled{opacity:.45;pointer-events:none}.login-disabled-note{padding:10px;border-radius:9px;background:#fff0dc;color:#825716;font-size:9px;font-weight:700}.login-disabled-note[hidden]{display:none!important}

/* WhatsApp order method modal */
.whatsapp-order-settings{display:grid;gap:14px}.whatsapp-number-field>label{display:block;margin-bottom:6px;font-size:10px;font-weight:750}.whatsapp-number-field>div{height:43px;border:1px solid #ccc;border-radius:9px;background:#fff;display:grid;grid-template-columns:auto 1fr;align-items:center;overflow:hidden}.whatsapp-number-field>div>span{height:100%;padding:0 11px;border-right:1px solid #ddd;background:#f4f4f1;display:flex;align-items:center;font-size:9px;font-weight:750}.whatsapp-number-field input{min-width:0;width:100%;height:100%;padding:0 11px;border:0;outline:0;font-size:10.5px}.whatsapp-number-field.invalid>div{border-color:#bd4d45;background:#fff7f6}.whatsapp-method-options{display:grid;gap:8px}.whatsapp-method-options>span{font-size:10px;font-weight:750}.whatsapp-method-options>label{position:relative;cursor:pointer}.whatsapp-method-options>label>input{position:absolute;opacity:0}.whatsapp-method-card{min-height:68px;padding:10px;border:1px solid #d8d8d3;border-radius:10px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px}.whatsapp-method-options>label>input:checked+.whatsapp-method-card{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#f8fcfa}.whatsapp-method-card>b{width:42px;height:42px;border-radius:10px;background:#e8f7ef;color:#247653;display:grid;place-items:center;font-size:10px}.whatsapp-method-card.advanced>b{background:#111;color:#fff;font-size:9px}.whatsapp-method-card>span strong,.whatsapp-method-card>span small{display:block}.whatsapp-method-card>span strong{font-size:11px}.whatsapp-method-card>span small{margin-top:4px;color:#777;font-size:8.5px;line-height:1.4}.whatsapp-method-preview{padding:11px;border-radius:9px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.whatsapp-method-preview span{color:#bbb;font-size:8.5px}.whatsapp-method-preview strong{font-size:10.5px}

/* Google Tag Manager integration */
.gtm-settings{display:grid;gap:15px}.gtm-format{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.gtm-format strong{font-size:12px}.gtm-format code{padding:7px 10px;border-radius:8px;background:#111;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em}.gtm-format small{grid-column:1/-1;color:var(--muted);font-size:11px}.gtm-id-field{margin:0}.gtm-id-field input{text-transform:uppercase;font-weight:750;letter-spacing:.04em}.gtm-id-field.invalid input{border-color:var(--danger);background:var(--danger-bg)}.gtm-status{padding:11px 13px;border-radius:10px;background:#f2f2ef;color:#666;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.gtm-status i{width:8px;height:8px;border-radius:50%;background:#aaa}.gtm-status.connected{background:var(--success-bg);color:var(--success)}.gtm-status.connected i{background:var(--success)}

/* Staff login and permissions */
.staff-empty{padding:24px 12px;text-align:center}.staff-empty .round-icon{margin:0 auto 12px}.staff-empty h3{margin:0 0 6px;font-size:17px}.staff-empty p{max-width:360px;margin:0 auto 16px;color:var(--muted);font-size:12px;line-height:1.5}.staff-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-account-grid .field{margin:0}.staff-login-form .field.invalid input{border-color:var(--danger);background:var(--danger-bg)}.staff-login-form .field.invalid .field-error{display:block}.staff-permissions{margin:16px 0 0;padding:14px;border:1px solid var(--border);border-radius:12px}.staff-permissions legend{padding:0 6px;font-size:13px;font-weight:800}.staff-permissions>p{margin:0 0 10px;color:var(--muted);font-size:11px}.staff-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.staff-permission-grid label{position:relative;cursor:pointer}.staff-permission-grid input{position:absolute;opacity:0}.staff-permission-grid label>span{min-height:48px;padding:9px;border:1px solid var(--border);border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px}.staff-permission-grid label>span>i{width:24px;height:24px;border-radius:7px;background:var(--surface-soft);display:grid;place-items:center;color:transparent}.staff-permission-grid label>span>i svg{width:13px}.staff-permission-grid label>span>strong{font-size:11px;line-height:1.25}.staff-permission-grid input:checked+span{border-color:#111;background:#fafaf8;box-shadow:inset 0 0 0 1px #111}.staff-permission-grid input:checked+span>i{background:#111;color:#fff}.staff-permissions>.field-error.visible{display:block;margin-top:9px}@media(max-width:520px){.staff-account-grid,.staff-permission-grid{grid-template-columns:1fr}.staff-permissions{padding:11px}.staff-permission-grid label>span{min-height:45px}}
.staff-list-head{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-list-head strong,.staff-list-head small{display:block}.staff-list-head strong{font-size:14px}.staff-list-head small{margin-top:2px;color:var(--muted);font-size:10px}.staff-user-list{display:grid;gap:8px}.staff-user-row{min-height:65px;padding:10px;border:1px solid var(--border);border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;transition:.18s}.staff-user-row.disabled{background:#f6f6f3;opacity:.7}.staff-avatar{width:38px;height:38px;flex:none;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}.staff-user-copy{min-width:0;flex:1}.staff-user-copy strong,.staff-user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-user-copy strong{font-size:11.5px}.staff-user-copy small{margin-top:3px;color:var(--muted);font-size:9px}.staff-status-switch{display:flex;align-items:center;gap:6px;cursor:pointer}.staff-status-switch input{position:absolute;opacity:0}.staff-status-switch i{position:relative;width:34px;height:20px;border-radius:20px;background:#bbb}.staff-status-switch i:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.18s}.staff-status-switch input:checked+i{background:var(--success)}.staff-status-switch input:checked+i:after{transform:translateX(14px)}.staff-status-switch span{min-width:45px;font-size:9px;font-weight:700}.staff-delete{width:34px;height:34px;flex:none;border:1px solid #eccbc8;border-radius:9px;background:#fff;color:var(--danger);display:grid;place-items:center;cursor:pointer}.staff-delete svg{width:15px}@media(max-width:520px){.staff-list-head .button{min-height:38px;padding:0 11px}.staff-user-row{align-items:flex-start;flex-wrap:wrap}.staff-user-copy{padding-top:4px}.staff-status-switch{order:3;margin-left:48px}.staff-delete{margin-left:auto}}

/* WhatsApp chat widget */
.chat-widget-form{display:grid;gap:14px}.chat-widget-master{padding:13px;border:1px solid var(--border);border-radius:11px;background:#fafaf8;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-widget-master strong,.chat-widget-master small{display:block}.chat-widget-master strong{font-size:12px}.chat-widget-master small{margin-top:3px;color:var(--muted);font-size:9px}.chat-widget-fields{display:grid;gap:14px;transition:.18s}.chat-widget-fields.disabled{opacity:.45;pointer-events:none}.chat-page-options>span{display:block;margin-bottom:7px;font-size:11px;font-weight:750}.chat-page-options>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chat-page-options label{position:relative}.chat-page-options input{position:absolute;opacity:0}.chat-page-options label>span{min-height:43px;border:1px solid var(--border);border-radius:9px;background:#fff;display:grid;place-items:center;font-size:10.5px;font-weight:750;cursor:pointer}.chat-page-options input:checked+span{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fafaf8}.chat-number-field .field-error{margin:6px 0 0}.chat-number-field.invalid .field-error{display:block}.chat-message-field{margin:0}.chat-message-field textarea{width:100%;min-height:88px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;resize:vertical;outline:0}.chat-message-field.invalid textarea{border-color:var(--danger);background:var(--danger-bg)}.chat-widget-preview{padding:12px;border-radius:11px;background:#effaf3;display:flex;align-items:center;gap:10px}.chat-preview-icon{width:38px;height:38px;flex:none;border-radius:50%;background:#25a865;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:850}.chat-widget-preview small,.chat-widget-preview strong{display:block}.chat-widget-preview small{color:#568169;font-size:8px}.chat-widget-preview strong{margin-top:3px;font-size:10.5px}@media(max-width:520px){.chat-page-options>div{grid-template-columns:1fr}.chat-widget-master{align-items:flex-start}}

/* Add chat widgets */
.add-chat-widget-form{display:grid;gap:14px}.chat-widget-type>span{display:block;margin-bottom:7px;font-size:11px;font-weight:750}.chat-widget-type>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chat-widget-type label{position:relative;cursor:pointer}.chat-widget-type input{position:absolute;opacity:0}.chat-widget-type label>span{min-height:83px;padding:10px;border:1px solid var(--border);border-radius:11px;background:#fff;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:2px 9px}.chat-widget-type label b{grid-row:1/3;width:36px;height:36px;border-radius:9px;background:#f0f0ed;display:grid;place-items:center;font-size:9px}.chat-widget-type label strong,.chat-widget-type label small{display:block}.chat-widget-type label strong{font-size:10.5px}.chat-widget-type label small{color:#777;font-size:8px;line-height:1.35}.chat-widget-type input:checked+span{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#fafaf8}.chat-widget-type input:checked+span b{background:#111;color:#fff}.add-chat-panel{display:none;gap:13px}.add-chat-panel.active{display:grid}.custom-widget-note{padding:12px;border-radius:10px;background:#fff5dc;color:#6e5318}.custom-widget-note strong{font-size:11px}.custom-widget-note p{margin:4px 0 0;font-size:8.5px;line-height:1.45}.custom-widget-code-field{margin:0}.custom-widget-code-field textarea{width:100%;min-height:180px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#171717;color:#eee;font:10px/1.55 Consolas,monospace;resize:vertical;outline:0}.custom-widget-code-field.invalid textarea{border-color:var(--danger)}.custom-widget-code-field.invalid .field-error{display:block}@media(max-width:520px){.chat-widget-type>div{grid-template-columns:1fr}.chat-widget-type label>span{min-height:70px}.custom-widget-code-field textarea{min-height:150px}}
.custom-widget-list{display:grid;gap:8px}.custom-widget-list article{min-height:57px;padding:9px;border:1px solid var(--border);border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px}.custom-widget-list article>span{width:34px;height:34px;flex:none;border-radius:8px;background:#111;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:800}.custom-widget-list article>div{min-width:0;flex:1}.custom-widget-list article strong,.custom-widget-list article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-widget-list article strong{font-size:10.5px}.custom-widget-list article small{margin-top:3px;color:#777;font-size:8px}.custom-widget-list article button{width:31px;height:31px;border:1px solid #eccbc8;border-radius:8px;background:#fff;color:var(--danger);display:grid;place-items:center;cursor:pointer}.custom-widget-list article button svg{width:13px}.custom-widget-empty{margin:0;padding:15px;border:1px dashed #bbb;border-radius:10px;color:#777;font-size:9.5px;text-align:center}.add-another-widget{width:100%}.custom-widget-back{width:max-content;padding:0;border:0;background:transparent;font-size:10px;font-weight:750;cursor:pointer}.add-chat-panel>.button-primary{width:100%}
.main-dashboard:not(.simple-dashboard-view) .websites-intro{margin-bottom:18px}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading{min-width:0;flex:1;display:flex;align-items:center;gap:13px}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading h2{margin:0;white-space:nowrap}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading #websiteSelectorMount{width:158px;min-width:158px}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-wrap{height:auto;margin:0}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .website-selector-button{min-height:38px;height:38px;padding:0 9px!important;border-radius:10px;gap:0!important;box-shadow:none}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .site-mark,.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .website-logo-mark,.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-current,.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-status{display:none}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-option{gap:0}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-switch{width:100%;min-height:36px;padding:0;border:0;justify-content:space-between}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-switch>span:first-child{font-size:0}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-switch>span:first-child:after{content:"Choose Website";font-size:11.5px}.main-dashboard:not(.simple-dashboard-view) .my-websites-heading .selector-menu{left:0;right:auto;top:46px;width:min(390px,calc(100vw - 40px))}.main-dashboard:not(.simple-dashboard-view) .websites-intro>.create-website-button{display:inline-flex!important;width:auto!important;height:40px!important;min-height:40px!important;padding:0 14px!important;border-radius:10px!important;box-shadow:none!important;font-size:12px}

/* Keep Website Details above Website Settings in the desktop side column. */
.side-column>.website-details-widget{order:-4!important}