:root{--bg:#f7f8fc;--surface:hsla(0,0%,100%,.82);--surface-strong:hsla(0,0%,100%,.96);--border:#d8deee;--text:#111827;--muted:#4b5563;--blue:#295cff;--client-accent:#7c3aed;--shadow:0 18px 50px rgba(17,24,39,.08)}:root[data-theme=dark]{--client-bg:#070a12;--client-surface:#101522;--client-surface-strong:#151d2d;--client-border:#263247;--client-text:#f4f7fb;--client-muted:#a8b3c7;--client-blue:#7aa2ff;--client-blue-soft:rgba(122,162,255,.16);--client-shadow:0 18px 50px rgba(0,0,0,.32)}*{box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.58)}::-webkit-scrollbar-corner{background:transparent}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:rgba(60,76,108,.85)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(100,130,180,.9)}body,html{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.client-body,.client-shell{min-height:100vh}.client-shell{display:grid;grid-template-columns:auto 1fr}.client-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;width:286px;background:hsla(0,0%,100%,.72);border-right:1px solid rgba(216,222,238,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between;padding:18px 14px;transition:width .22s ease,transform .22s ease;z-index:20;overflow:hidden}.client-sidebar.is-collapsed{width:86px}.client-sidebar-bottom,.client-sidebar-top{display:flex;flex-direction:column}.client-sidebar-top{flex:1 1;min-height:0}.client-sidebar-scroll{flex:1 1;min-height:0;overflow-y:auto;padding-right:2px}.client-sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.client-company-link{display:flex;align-items:center;gap:12px;min-width:0}.client-company-mark{width:22px;height:22px;display:block;flex-shrink:0}.client-company-name{font-size:16px;font-weight:800;white-space:nowrap}.client-collapse-btn{width:34px;height:34px;border:1px solid rgba(216,222,238,.9);border-radius:999px;background:var(--surface-strong);color:var(--text);cursor:pointer;flex-shrink:0}.client-nav{display:flex;flex-direction:column;gap:8px}.client-nav-link,.client-profile-link{min-height:52px;border-radius:18px;padding:0 14px;display:flex;align-items:center;gap:12px;color:var(--muted);transition:background .18s ease,color .18s ease,transform .18s ease}.client-nav-link:hover,.client-profile-link:hover{background:hsla(0,0%,100%,.86);color:var(--text);transform:translateY(-1px)}.client-nav-link.is-active,.client-profile-link.is-active{background:rgba(41,92,255,.1);color:var(--blue)}.client-nav-icon,.client-profile-settings-icon{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.client-nav-icon svg,.client-profile-settings-icon svg{width:100%;height:100%;display:block}.client-support-link{margin-bottom:10px}.client-profile-link{justify-content:space-between;background:hsla(0,0%,100%,.84);border:1px solid rgba(216,222,238,.8)}.client-profile-avatar{width:34px;height:34px;border-radius:999px;overflow:hidden;background:rgba(255,105,180,.12);color:#d63384;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.client-profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.client-profile-text{flex:1 1;display:flex;flex-direction:column;min-width:0}.client-profile-text strong{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-profile-text span{font-size:13px;color:var(--muted)}.client-content{min-width:0;padding:28px}.client-page{width:100%;display:flex;flex-direction:column;gap:24px}.client-page-hero{background:hsla(0,0%,100%,.74);border:1px solid rgba(216,222,238,.88);border-radius:28px;padding:28px;box-shadow:0 14px 40px rgba(17,24,39,.04)}.client-page-kicker{margin:0 0 10px;color:var(--blue);font-weight:700;letter-spacing:.01em}.client-page-hero h1{margin:0 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.05}.client-page-lead{margin:0;max-width:960px;color:var(--muted);font-size:17px;line-height:1.8}.client-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:18px;gap:18px}.client-panel,.client-summary-card{background:hsla(0,0%,100%,.9);border:1px solid rgba(216,222,238,.9);border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(17,24,39,.04)}.client-summary-card span{display:block;color:var(--muted);font-size:14px;margin-bottom:10px}.client-summary-card strong{display:block;font-size:28px;line-height:1.1;margin-bottom:8px}.client-panel p,.client-summary-card p{margin:0;color:var(--muted);line-height:1.7}.client-panels{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.client-panel h2{margin:0 0 14px;font-size:24px}.client-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.9}.client-mobile-backdrop,.client-mobile-toggle{display:none}.overview-page{gap:28px}.overview-main-grid{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;grid-gap:18px;gap:18px;align-items:stretch}.overview-card{background:hsla(0,0%,100%,.92);border:1px solid rgba(216,222,238,.92);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(17,24,39,.04)}.overview-account{grid-column:1/-1}.overview-billing{grid-column:1/2}.overview-usage{grid-column:2/4}.overview-documents{grid-column:1/3}.overview-api{grid-column:3/4}.overview-design{grid-column:1/-1}.overview-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.overview-card-head h2{margin:0;font-size:26px;line-height:1.15}.overview-badge{min-height:32px;padding:0 12px;border-radius:999px;background:rgba(41,92,255,.08);color:var(--blue);font-size:13px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.overview-badge-active{background:rgba(16,185,129,.12);color:#059669}.overview-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.overview-mini-stat{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px}.overview-label,.overview-mini-stat span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.overview-mini-stat strong,.overview-strong{display:block;font-size:28px;line-height:1.1;color:var(--text)}.overview-card-note{margin:0;color:var(--muted);line-height:1.75}.overview-card{display:flex;flex-direction:column}.overview-card-note.is-empty-state,.overview-card>.overview-card-note:only-of-type{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:96px;padding:8px 0}.overview-billing-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.usage-chart{display:grid;grid-template-columns:1fr .9fr;grid-gap:20px;gap:20px;align-items:flex-end}.usage-chart-bars{height:220px;gap:12px;padding:18px;border-radius:20px;background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86)}.usage-chart-bars span{flex:1 1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,#295cff);min-height:24px}.usage-chart-meta{display:flex;flex-direction:column;gap:16px}.documents-preview-list{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-bottom:18px}.documents-preview-item{min-height:58px;border-radius:18px;background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.documents-preview-item span{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documents-preview-item strong{color:#059669;font-size:14px}.design-preview-wrap{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:20px;gap:20px;align-items:stretch;margin-bottom:18px}.design-preview-stage{min-height:230px;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(216,222,238,.9);padding:20px;display:flex;align-items:flex-end;justify-content:flex-end}.design-preview-bubble{min-height:54px;padding:0 22px;border:none;background:#295cff;color:#fff;font-weight:700;box-shadow:0 16px 34px rgba(41,92,255,.24)}.design-preview-info{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (max-width:1200px){.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-panels{grid-template-columns:1fr}.overview-main-grid{grid-template-columns:1fr 1fr}.overview-account,.overview-design{grid-column:1/-1}.overview-api,.overview-billing,.overview-documents,.overview-usage{grid-column:auto}.overview-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview-wrap,.usage-chart{grid-template-columns:1fr}}@media (max-width:900px){.client-shell{grid-template-columns:1fr}.client-mobile-toggle{position:fixed;top:16px;left:16px;z-index:35;width:46px;height:46px;border:1px solid rgba(216,222,238,.9);border-radius:14px;background:hsla(0,0%,100%,.96);display:inline-flex;flex-direction:column;justify-content:center;gap:5px;padding:0 12px;box-shadow:0 14px 40px rgba(17,24,39,.06)}.client-mobile-toggle span{height:2px;background:var(--text);border-radius:999px;display:block}.client-mobile-backdrop{display:block;position:fixed;inset:0;z-index:25;border:none;background:rgba(15,23,42,.28)}.client-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);width:286px;z-index:30}.client-sidebar.is-mobile-open{transform:translateX(0)}.client-content{padding:78px 16px 20px}.client-summary-grid,.overview-account-grid,.overview-billing-row,.overview-main-grid{grid-template-columns:1fr}.overview-api,.overview-billing,.overview-design,.overview-documents,.overview-usage{grid-column:1/-1}.client-page-hero h1{font-size:36px}.client-page-hero,.client-panel,.client-summary-card,.overview-card{padding:20px}}.client-state-wall{background:hsla(0,0%,100%,.88);border:1px solid rgba(216,222,238,.9);border-radius:28px;padding:32px;box-shadow:0 14px 40px rgba(17,24,39,.04)}.client-state-wall-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.client-primary-btn,.client-secondary-btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.client-primary-btn{border:none;background:var(--text);color:#fff;cursor:pointer}.client-secondary-btn{border:1px solid rgba(216,222,238,.95);background:hsla(0,0%,100%,.94);color:var(--text)}.client-state-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:24px}.client-state-mini-card{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px}.client-state-mini-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.client-state-mini-card strong{display:block;font-size:24px;line-height:1.1}@media (max-width:900px){.client-state-mini-grid{grid-template-columns:1fr}}.req-wall-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.req-wall-feature-list{display:flex;flex-direction:column;gap:10px}@media (max-width:900px){.req-wall-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.req-wall-steps-grid{grid-template-columns:1fr}}.docs-top-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:18px;gap:18px}.docs-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.docs-rule-box{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px}.docs-compact-strong{display:block;font-size:22px;line-height:1.25}.docs-build-card{overflow:hidden}.docs-build-layout{display:grid;grid-template-columns:1.2fr auto;grid-gap:20px;gap:20px;align-items:center}.docs-build-copy{margin-bottom:16px}.docs-build-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.docs-error-banner{border:1px solid rgba(239,68,68,.28);background:rgba(239,68,68,.12);color:#b91c1c;border-radius:16px;padding:14px 16px;font-weight:700;line-height:1.6}.docs-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.docs-column{min-height:640px}.docs-column,.docs-dropzone{display:flex;flex-direction:column}.docs-dropzone{min-height:150px;border:2px dashed rgba(41,92,255,.22);background:linear-gradient(180deg,#fff,#f4f7ff);border-radius:22px;padding:22px;align-items:center;justify-content:center;gap:14px;text-align:center;margin-bottom:18px}.docs-dropzone p{margin:0;color:var(--muted);line-height:1.7}.docs-dropzone-active{border-color:rgba(16,185,129,.28);background:linear-gradient(180deg,#fff,#f3fff9)}.docs-file-btn,.docs-upload-btn{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(216,222,238,.95);background:hsla(0,0%,100%,.96);color:var(--text);font-weight:700;cursor:pointer}.docs-file-btn:hover,.docs-upload-btn:hover{color:var(--blue);border-color:rgba(41,92,255,.32)}.docs-file-list{display:flex;flex-direction:column;gap:12px}.docs-file-card{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.docs-file-card-failed{border-color:rgba(239,68,68,.22);background:hsla(0,100%,99%,.96)}.docs-file-main{min-width:0;display:flex;flex-direction:column;gap:6px}.docs-file-main strong{font-size:16px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-file-main span{color:var(--muted);font-size:14px}.docs-file-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}@media (max-width:1200px){.docs-build-layout,.docs-columns,.docs-top-grid{grid-template-columns:1fr}.docs-build-actions{justify-content:flex-start}}@media (max-width:900px){.docs-rules-grid{grid-template-columns:1fr}.docs-file-card{flex-direction:column;align-items:flex-start}.docs-file-actions{justify-content:flex-start}}.billing-main-grid,.billing-top-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.billing-chart-wrap{display:grid;grid-template-columns:1fr .9fr;grid-gap:18px;gap:18px;align-items:stretch}.billing-chart{min-height:260px;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(216,222,238,.86);padding:20px;display:flex;align-items:flex-end;gap:14px}.billing-chart span{flex:1 1;min-height:26px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,#295cff)}.billing-chart-meta{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.billing-info-list{display:flex;flex-direction:column;gap:14px}.billing-info-item{border-radius:18px;background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);padding:16px}.billing-info-item strong{display:block;margin-bottom:8px;font-size:17px}.billing-info-item p{margin:0;color:var(--muted);line-height:1.75}.billing-invoice-list{display:flex;flex-direction:column;gap:12px}.billing-invoice-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border-radius:20px;background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);padding:18px}.billing-invoice-card-overdue{border-color:rgba(239,68,68,.24);background:hsla(0,100%,99%,.96)}.billing-invoice-main{min-width:0;display:flex;flex-direction:column;gap:6px}.billing-invoice-main strong{font-size:16px;line-height:1.35}.billing-invoice-main span{color:var(--muted);font-size:14px;line-height:1.6}.billing-invoice-side{min-width:140px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.billing-invoice-side strong{font-size:24px;line-height:1.1}.billing-status{min-height:30px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:700;display:inline-flex;align-items:center}.billing-status-paid{background:rgba(16,185,129,.12);color:#059669}.billing-status-overdue{background:rgba(239,68,68,.12);color:#b91c1c}.billing-action-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;text-decoration:none;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(216,222,238,.95);background:hsla(0,0%,100%,.96);color:var(--text);font-weight:700;cursor:pointer}.billing-action-btn:hover{color:var(--blue);border-color:rgba(41,92,255,.34)}.billing-action-btn-primary{background:var(--text);color:#fff;border-color:transparent}.billing-action-btn-primary:hover{color:#fff;opacity:.94}.billing-latest-box{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.billing-side-note{margin-top:18px}@media (max-width:1200px){.billing-chart-wrap,.billing-main-grid,.billing-top-grid{grid-template-columns:1fr}}@media (max-width:900px){.billing-invoice-card{flex-direction:column;align-items:flex-start}.billing-invoice-side{align-items:flex-start;min-width:0}}.usage-top-grid{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px}.usage-main-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:18px;gap:18px}.usage-main-chart-wrap{display:grid;grid-template-columns:70px 1fr;grid-gap:16px;gap:16px;align-items:stretch}.usage-y-axis{min-height:320px;display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:13px;padding-top:6px}.usage-main-chart-area{position:relative;min-height:320px;border-radius:22px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(216,222,238,.86);padding:20px 18px 16px;overflow:hidden}.usage-main-chart-grid-lines{position:absolute;inset:20px 18px 44px 18px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.usage-main-chart-grid-lines span{display:block;border-top:1px dashed rgba(216,222,238,.9)}.usage-main-chart-bars{position:relative;z-index:1;height:100%;min-height:280px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px}.usage-main-bar-group{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.usage-main-bar-group span{width:100%;max-width:72px;min-height:18px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,#295cff);box-shadow:0 14px 28px rgba(41,92,255,.16)}.usage-main-bar-group label{color:var(--muted);font-size:13px;font-weight:700}.usage-note-list{display:flex;flex-direction:column;gap:14px}.usage-note-item{border-radius:18px;background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);padding:16px}.usage-note-item strong{display:block;margin-bottom:8px;font-size:17px}.usage-note-item p{margin:0;color:var(--muted);line-height:1.75}@media (max-width:1200px){.usage-main-grid{grid-template-columns:1fr}}@media (max-width:900px){.usage-main-chart-wrap{grid-template-columns:1fr}.usage-y-axis{min-height:auto;flex-direction:row;gap:10px;justify-content:space-between;padding-top:0}}.design-layout{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:18px;gap:18px}.design-form{display:flex;flex-direction:column;gap:18px}.design-field{gap:10px}.design-field>span{color:var(--text)}.design-field input[type=text]{min-height:50px;border:1px solid rgba(216,222,238,.95);border-radius:16px;background:hsla(0,0%,100%,.96);padding:0 14px;color:var(--text)}.design-field input[type=text]:focus{outline:none;border-color:rgba(41,92,255,.4);box-shadow:0 0 0 4px rgba(41,92,255,.08)}.design-field small{color:var(--muted);font-size:13px}.design-slider-wrap{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center}.design-slider-wrap span{color:var(--muted);font-size:14px;font-weight:700}.design-slider-wrap input[type=range]{width:100%}.design-color-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.design-color-picker{display:grid;grid-template-columns:58px 1fr;grid-gap:10px;gap:10px;align-items:center}.design-color-picker input[type=color]{width:58px;height:50px;border:1px solid rgba(216,222,238,.95);border-radius:14px;background:#fff;padding:4px;cursor:pointer}.design-actions{margin-top:6px}.design-preview-stage-large{min-height:520px;border-radius:24px;background:linear-gradient(180deg,#fff,#f4f7ff);border:1px solid rgba(216,222,238,.9);padding:24px;margin-bottom:18px}.design-preview-browser{height:100%;border-radius:20px;background:hsla(0,0%,100%,.98);border:1px solid rgba(216,222,238,.86);overflow:hidden;display:flex;flex-direction:column}.design-preview-browser-top{min-height:42px;border-bottom:1px solid rgba(216,222,238,.86);background:rgba(247,248,252,.96);display:flex;align-items:center;gap:8px;padding:0 14px}.design-preview-browser-top span{width:10px;height:10px;border-radius:999px;background:rgba(148,163,184,.7);display:block}.design-preview-site-area{flex:1 1;padding:24px}.design-preview-site-area,.design-preview-widget-zone{display:flex;align-items:center;justify-content:center}.design-preview-widget-zone{width:100%;height:100%}.design-live-bubble{border:none;border-radius:50%;padding:14px;font-weight:700;box-shadow:0 16px 34px rgba(17,24,39,.14);display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.05;overflow:hidden;word-break:break-word}@media (max-width:1200px){.design-layout{grid-template-columns:1fr}}@media (max-width:900px){.design-color-grid{grid-template-columns:1fr}.design-color-picker{grid-template-columns:58px 1fr}}.settings-layout-clean{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}.settings-column{display:flex;flex-direction:column;gap:18px;min-width:0}.settings-card{overflow:hidden}.overview-row{gap:24px;align-items:stretch}.overview-row>article{display:flex;flex-direction:column;height:100%;min-width:0}.overview-row-single{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}.settings-main-row{gap:24px;align-items:stretch}.settings-main-row>article{display:flex;flex-direction:column;height:100%}.settings-card-actions{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-grid{grid-gap:20px;gap:20px}.settings-grid-2{grid-template-columns:1fr 1fr}.settings-field{gap:8px}.settings-field>span{color:var(--text)}.settings-field input,.settings-field select{min-height:50px;border-radius:16px;padding:0 16px}.settings-field input::placeholder{color:var(--muted);opacity:.9}.settings-field input:focus,.settings-field select:focus{border-color:rgba(41,92,255,.4);box-shadow:0 0 0 4px rgba(41,92,255,.08)}.settings-logo-layout{display:grid;grid-template-columns:1fr .9fr;grid-gap:22px;gap:22px}.settings-logo-dropzone{min-height:220px;border:2px dashed rgba(41,92,255,.32);background:var(--surface);border-radius:22px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.settings-logo-dropzone p{margin:0;color:var(--muted);line-height:1.7;max-width:420px}.settings-logo-preview{width:92px;height:92px;border-radius:999px;background:rgba(255,105,180,.12);color:#d63384;font-weight:800;font-size:28px}.settings-stack{display:flex;flex-direction:column;gap:20px}.settings-help-box,.settings-subcard,.settings-warning-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px 22px}.settings-subcard h3{margin:0 0 16px;font-size:20px}.settings-help-box strong,.settings-warning-box strong{display:block;margin-bottom:8px;font-size:17px}.settings-danger-copy p,.settings-help-box p,.settings-warning-box p{margin:0 0 10px;color:var(--muted);line-height:1.75}.settings-danger-copy p:last-child,.settings-help-box p:last-child,.settings-warning-box p:last-child{margin-bottom:0}.settings-danger-card{border-color:rgba(239,68,68,.18)}.settings-danger-badge{min-height:32px;padding:0 14px;border-radius:999px;background:rgba(239,68,68,.12);color:var(--client-danger);font-size:13px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.settings-checkbox{display:flex;align-items:flex-start;gap:12px;margin:18px 0 20px;color:var(--muted);line-height:1.6}.settings-checkbox input{margin-top:3px}.settings-delete-btn{min-height:52px;border:none;border-radius:999px;background:#b91c1c;color:#fff;font-weight:700;cursor:pointer}.settings-delete-btn:hover{opacity:.95}.settings-save-wrap{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:8px}.settings-save-btn{min-width:170px}.settings-save-btn-blue{background:var(--blue);color:#fff;border:none}.settings-save-btn-blue:hover{color:#fff;opacity:.95}@media (max-width:1200px){.settings-layout-clean,.settings-logo-layout{grid-template-columns:1fr}.settings-save-wrap{margin-top:0}}@media (max-width:900px){.settings-grid-2{grid-template-columns:1fr}}.client-settings-preference-block{margin-top:4px}.client-settings-preference-controls{grid-gap:16px;gap:16px}.client-settings-preference-controls select{border:1px solid var(--client-border);background:var(--client-surface);color:var(--client-text)}.client-settings-preference-controls select:focus{border-color:var(--client-blue);box-shadow:0 0 0 3px var(--client-blue-soft)}:root[data-theme=dark]{--bg:#070a12;--surface:rgba(16,21,34,.86);--surface-strong:rgba(16,21,34,.98);--border:rgba(64,78,105,.9);--text:#f4f7fb;--muted:#a8b3c7;--blue:#7aa2ff;--shadow:0 18px 50px rgba(0,0,0,.34);--client-danger:#fb7185;--client-success:#34d399;--client-warning:#fbbf24;--client-accent:#a78bfa}:root[data-theme=light]{--client-danger:#b91c1c;--client-success:#059669;--client-warning:#d97706;--client-accent:#7c3aed}:root[data-theme=dark] .client-body,:root[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(122,162,255,.12),transparent 34%),var(--bg);color:var(--text)}:root[data-theme=dark] .client-sidebar{background:rgba(7,10,18,.78);border-right-color:var(--border)}:root[data-theme=dark] .client-company-name,:root[data-theme=dark] .client-page h1,:root[data-theme=dark] .client-page h2,:root[data-theme=dark] .client-page h3,:root[data-theme=dark] .overview-card h2,:root[data-theme=dark] .overview-card h3,:root[data-theme=dark] .settings-card h2,:root[data-theme=dark] .settings-card h3{color:var(--text)}:root[data-theme=dark] .client-page-kicker,:root[data-theme=dark] .client-page-lead,:root[data-theme=dark] .client-profile-text span,:root[data-theme=dark] .overview-card-note,:root[data-theme=dark] .overview-mini-stat span,:root[data-theme=dark] label{color:var(--muted)!important}:root[data-theme=dark] .client-nav-link{color:var(--muted)}:root[data-theme=dark] .client-nav-link.is-active,:root[data-theme=dark] .client-nav-link:hover,:root[data-theme=dark] .client-profile-link.is-active{background:rgba(122,162,255,.16);color:var(--text)}:root[data-theme=dark] .billing-invoice-card,:root[data-theme=dark] .billing-latest-box,:root[data-theme=dark] .client-collapse-btn,:root[data-theme=dark] .client-mobile-toggle,:root[data-theme=dark] .client-panel,:root[data-theme=dark] .client-profile-link,:root[data-theme=dark] .client-state-wall,:root[data-theme=dark] .client-summary-card,:root[data-theme=dark] .design-preview-browser,:root[data-theme=dark] .design-preview-wrap,:root[data-theme=dark] .docs-build-card,:root[data-theme=dark] .docs-dropzone,:root[data-theme=dark] .docs-file-card,:root[data-theme=dark] .docs-rule-box,:root[data-theme=dark] .overview-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-subcard,:root[data-theme=dark] .usage-chart-wrap{background:linear-gradient(180deg,rgba(16,21,34,.98),rgba(12,17,28,.96));border-color:var(--border);color:var(--text);box-shadow:var(--shadow)}:root[data-theme=dark] .billing-info-item,:root[data-theme=dark] .client-state-mini-card,:root[data-theme=dark] .docs-error-banner,:root[data-theme=dark] .documents-preview-item,:root[data-theme=dark] .overview-mini-stat,:root[data-theme=dark] .settings-help-box,:root[data-theme=dark] .settings-warning-box,:root[data-theme=dark] .usage-note-item{background:rgba(7,10,18,.58);border-color:var(--border);color:var(--text)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:rgba(7,10,18,.72)!important;border-color:var(--border)!important;color:var(--text)!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:rgba(168,179,199,.72)}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus,:root[data-theme=dark] textarea:focus{border-color:var(--blue)!important;box-shadow:0 0 0 3px rgba(122,162,255,.18)}:root[data-theme=dark] .client-primary-btn{background:#f4f7fb;color:#070a12}:root[data-theme=dark] .billing-action-btn,:root[data-theme=dark] .client-secondary-btn,:root[data-theme=dark] .docs-file-btn{background:rgba(7,10,18,.72);border-color:var(--border);color:var(--text)}:root[data-theme=dark] .billing-action-btn:hover,:root[data-theme=dark] .client-primary-btn:hover,:root[data-theme=dark] .client-secondary-btn:hover,:root[data-theme=dark] .docs-file-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.28)}.preference-settings-actions{margin-top:16px;display:flex;justify-content:flex-start}.preference-settings-actions button{min-height:44px;padding:0 18px;border-radius:999px;font-weight:800}.preference-settings-actions button:disabled{opacity:.7;cursor:not-allowed}.client-settings-preference-block{margin-top:18px}.client-settings-preference-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.client-settings-preference-controls select{width:100%;min-height:52px;border-radius:18px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:0 16px;font-size:15px;outline:none;cursor:pointer}.client-settings-preference-controls select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(41,92,255,.14)}:root[data-theme=dark] .client-settings-preference-controls select:focus{box-shadow:0 0 0 3px rgba(122,162,255,.18)}:root[data-theme=dark] .overview-badge{background:rgba(122,162,255,.16);color:var(--blue)}:root[data-theme=dark] .overview-badge-active{background:rgba(52,211,153,.15);color:var(--client-success)}@media (max-width:760px){.client-settings-preference-controls{grid-template-columns:1fr}}:root[data-theme=dark] .client-content{background:radial-gradient(circle at top right,rgba(122,162,255,.1),transparent 32%),radial-gradient(circle at bottom left,rgba(41,92,255,.08),transparent 34%),var(--bg)}:root[data-theme=dark] .client-page-hero{background:linear-gradient(135deg,rgba(16,21,34,.98),rgba(7,10,18,.94))!important;border-color:rgba(64,78,105,.95)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important}:root[data-theme=dark] .client-page-hero h1,:root[data-theme=dark] .client-page-hero h2,:root[data-theme=dark] .client-page-hero h3{color:#f8fbff!important}:root[data-theme=dark] .client-page-hero .client-page-kicker,:root[data-theme=dark] .client-page-hero .client-page-lead,:root[data-theme=dark] .client-page-hero p{color:#b8c4da!important}:root[data-theme=dark] .client-panel,:root[data-theme=dark] .client-summary-card,:root[data-theme=dark] .overview-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-subcard{background:linear-gradient(180deg,rgba(16,21,34,.98),rgba(10,15,25,.98))!important;border-color:rgba(64,78,105,.95)!important;color:#f8fbff!important;box-shadow:0 18px 50px rgba(0,0,0,.32)!important}:root[data-theme=dark] .client-panel *,:root[data-theme=dark] .client-summary-card *,:root[data-theme=dark] .overview-card *,:root[data-theme=dark] .settings-card *,:root[data-theme=dark] .settings-subcard *{border-color:rgba(64,78,105,.9)}:root[data-theme=dark] .client-panel h1,:root[data-theme=dark] .client-panel h2,:root[data-theme=dark] .client-panel h3,:root[data-theme=dark] .client-panel strong,:root[data-theme=dark] .client-summary-card h1,:root[data-theme=dark] .client-summary-card h2,:root[data-theme=dark] .client-summary-card h3,:root[data-theme=dark] .client-summary-card strong,:root[data-theme=dark] .overview-card h1,:root[data-theme=dark] .overview-card h2,:root[data-theme=dark] .overview-card h3,:root[data-theme=dark] .overview-card strong{color:#f8fbff!important}:root[data-theme=dark] .client-panel p,:root[data-theme=dark] .client-panel span,:root[data-theme=dark] .client-summary-card p,:root[data-theme=dark] .client-summary-card span,:root[data-theme=dark] .overview-card p,:root[data-theme=dark] .overview-card span,:root[data-theme=dark] .overview-card-note{color:#b8c4da!important}:root[data-theme=dark] .billing-info-item,:root[data-theme=dark] .billing-invoice-card,:root[data-theme=dark] .billing-latest-box,:root[data-theme=dark] .client-state-mini-card,:root[data-theme=dark] .overview-mini-stat,:root[data-theme=dark] .settings-help-box,:root[data-theme=dark] .settings-warning-box,:root[data-theme=dark] .usage-note-item{background:rgba(7,10,18,.72)!important;border-color:rgba(64,78,105,.95)!important;color:#f8fbff!important}:root[data-theme=dark] .billing-info-item strong,:root[data-theme=dark] .billing-invoice-card strong,:root[data-theme=dark] .billing-latest-box strong,:root[data-theme=dark] .overview-mini-stat strong,:root[data-theme=dark] .settings-help-box strong,:root[data-theme=dark] .settings-warning-box strong,:root[data-theme=dark] .usage-note-item strong{color:#f8fbff!important}:root[data-theme=dark] .billing-info-item p,:root[data-theme=dark] .billing-invoice-card span,:root[data-theme=dark] .overview-mini-stat span,:root[data-theme=dark] .settings-help-box p,:root[data-theme=dark] .settings-warning-box p,:root[data-theme=dark] .usage-note-item p{color:#b8c4da!important}:root[data-theme=dark] .billing-chart{background:linear-gradient(180deg,rgba(12,17,28,.98),rgba(7,10,18,.96))!important;border-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .billing-chart span{background:linear-gradient(180deg,#8fb0ff,#3b6cff)!important}:root[data-theme=dark] .billing-status-paid{background:rgba(52,211,153,.16)!important;color:#34d399!important}:root[data-theme=dark] .billing-status-overdue{background:rgba(251,113,133,.16)!important;color:#fb7185!important}:root[data-theme=dark] .overview-badge{background:rgba(122,162,255,.16)!important;color:#9bb8ff!important}:root[data-theme=dark] .overview-badge-active{background:rgba(52,211,153,.16)!important;color:#34d399!important}:root[data-theme=dark] .billing-action-btn-primary,:root[data-theme=dark] .client-primary-btn{background:#f8fbff!important;color:#070a12!important;border-color:transparent!important}:root[data-theme=dark] .billing-action-btn-primary:hover,:root[data-theme=dark] .client-primary-btn:hover{background:#fff!important;color:#070a12!important}:root[data-theme=dark] .billing-action-btn,:root[data-theme=dark] .client-secondary-btn,:root[data-theme=dark] .docs-file-btn,:root[data-theme=dark] .docs-upload-btn{background:rgba(7,10,18,.76)!important;border-color:rgba(64,78,105,.95)!important;color:#f8fbff!important}:root[data-theme=dark] .billing-action-btn:hover,:root[data-theme=dark] .client-secondary-btn:hover,:root[data-theme=dark] .docs-file-btn:hover,:root[data-theme=dark] .docs-upload-btn:hover{border-color:rgba(122,162,255,.7)!important;color:#9bb8ff!important}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:rgba(7,10,18,.78)!important;border-color:rgba(64,78,105,.95)!important;color:#f8fbff!important}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:rgba(184,196,218,.72)!important}:root[data-theme=dark] label{color:#c9d4e8!important}:root[data-theme=dark] .preference-settings-actions button:disabled{background:rgba(248,251,255,.78)!important;color:#070a12!important;opacity:.9!important}:root[data-theme=dark] .client-profile-link{background:rgba(7,10,18,.72)!important;border-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .client-profile-avatar{background:rgba(236,72,153,.18)!important;color:#f9a8d4!important}:root[data-theme=dark] .client-page [style*="background: #ffffff"],:root[data-theme=dark] .client-page [style*="background: rgb(255, 255, 255)"],:root[data-theme=dark] .client-page [style*="background:#ffffff"],:root[data-theme=dark] .client-page [style*='background: "#ffffff"']{background:rgba(7,10,18,.74)!important;color:#f8fbff!important}:root[data-theme=dark] .client-page [style*="background: linear-gradient(180deg, #f8faff"], :root[data-theme=dark] .client-page [style*="background: linear-gradient(180deg, #ffffff"], :root[data-theme=dark] .client-page [style*="background: linear-gradient(180deg, rgb(255, 255, 255)"]{background:linear-gradient(180deg,rgba(16,21,34,.98),rgba(10,15,25,.98))!important;color:#f8fbff!important}:root[data-theme=dark] .client-page [style*="background: #f3f6ff"],:root[data-theme=dark] .client-page [style*="background: #f8faff"],:root[data-theme=dark] .client-page [style*="background:#f3f6ff"],:root[data-theme=dark] .client-page [style*="background:#f8faff"]{background:rgba(7,10,18,.58)!important;color:#f8fbff!important}:root[data-theme=dark] .client-page [style*="border: 1px solid rgba(216, 222, 238"], :root[data-theme=dark] .client-page [style*="border: 1px solid rgba(216,222,238"], :root[data-theme=dark] .client-page [style*="borderBottom: 1px solid rgba(216,222,238"], :root[data-theme=dark] .client-page [style*="borderLeft: 1px solid rgba(216,222,238"]{border-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .client-page [style*="color: #0f172a"],:root[data-theme=dark] .client-page [style*="color: #111827"],:root[data-theme=dark] .client-page [style*="color:#0f172a"],:root[data-theme=dark] .client-page [style*="color:#111827"]{color:#f8fbff!important}:root[data-theme=dark] .client-page [style*="color: #334155"],:root[data-theme=dark] .client-page [style*="color: #475569"],:root[data-theme=dark] .client-page [style*="color:#334155"],:root[data-theme=dark] .client-page [style*="color:#475569"]{color:#b8c4da!important}:root[data-theme=dark] .client-page [style*=box-shadow],:root[data-theme=dark] .client-page [style*=boxShadow]{box-shadow:0 18px 50px rgba(0,0,0,.32)!important}:root[data-theme=dark] .client-page [style*="borderTop: 1px dashed rgba(203, 213, 225"], :root[data-theme=dark] .client-page [style*="borderTop: 1px dashed rgba(203,213,225"]{border-top-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .client-page [style*="borderBottom: 1px solid rgba(216, 222, 238"], :root[data-theme=dark] .client-page [style*="borderBottom: 1px solid rgba(216,222,238"]{border-bottom-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .client-page [style*="borderRadius: 26"],:root[data-theme=dark] .client-page [style*="borderRadius: 28"],:root[data-theme=dark] .client-page [style*="borderRadius: 30"]{border-color:rgba(64,78,105,.95)!important}:root[data-theme=dark] .client-page [style*="background: linear-gradient(180deg, #7ea2ff, #295cff)"]{background:linear-gradient(180deg,#8fb0ff,#3b6cff)!important}.client-overview-page{display:grid;grid-gap:22px;gap:22px}.client-overview-card,.client-overview-hero,.client-overview-metrics,.client-state-alert{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-strong),var(--surface));color:var(--text);box-shadow:var(--shadow)}.client-overview-hero{border-radius:30px;padding:28px}.client-overview-hero h1{margin:8px 0 12px;color:var(--text);font-size:clamp(38px,4vw,58px);line-height:.98;letter-spacing:-.06em}.client-state-alert{display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:26px;padding:22px}.client-state-alert h2{margin:4px 0 8px;color:var(--text)}.client-state-alert p{margin:0;color:var(--muted);line-height:1.65}.client-state-alert.tone-orange{border-color:rgba(245,158,11,.42)}.client-state-alert.tone-red{border-color:rgba(239,68,68,.42)}.client-overview-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.client-overview-metrics{border-radius:30px;padding:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.client-overview-assistant-preview,.client-overview-chart,.client-overview-chat-preview,.client-overview-list-item,.client-overview-metric-card,.client-overview-soft-box{border:1px solid var(--border);background:var(--surface);color:var(--text)}.client-overview-metric-card{border-radius:22px;padding:16px}.client-overview-metric-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.client-overview-detail-row span,.client-overview-list-item p,.client-overview-metric-top span:first-child,.client-overview-soft-box span{color:var(--muted);font-size:13px;font-weight:800}.client-overview-metric-card strong{display:block;color:var(--text);font-size:30px;line-height:1;letter-spacing:-.04em;margin-bottom:10px}.client-overview-metric-card p,.client-overview-soft-box p{margin:0;color:var(--muted);line-height:1.55}.client-dot{width:10px;height:10px;border-radius:999px;margin-top:4px}.client-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);align-items:start}.client-overview-grid,.client-overview-main-stack,.client-overview-side-stack{display:grid;grid-gap:22px;gap:22px}.client-overview-card{border-radius:30px;padding:22px}.client-overview-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.client-overview-card-head h2{margin:12px 0 0;color:var(--text);font-size:26px;letter-spacing:-.035em}.client-overview-small-link{min-height:40px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong);color:var(--text);padding:0 16px;display:inline-flex;align-items:center;text-decoration:none;font-size:13px;font-weight:950;white-space:nowrap}.client-overview-small-link:hover{border-color:var(--blue);color:var(--blue)}.client-overview-mini-grid,.client-overview-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.client-overview-soft-box{border-radius:22px;padding:16px}.client-overview-soft-box strong{display:block;margin-top:8px;color:var(--text);font-size:22px;letter-spacing:-.035em}.client-overview-detail-list{display:grid;margin-top:16px}.client-overview-detail-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--border);padding:13px 0}.client-overview-detail-row:last-child{border-bottom:0}.client-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;white-space:nowrap;border:1px solid transparent}.tone-green{background:rgba(16,185,129,.13);color:#047857;border-color:rgba(16,185,129,.24)}.tone-blue{background:rgba(41,92,255,.11);color:#295cff;border-color:rgba(41,92,255,.2)}.tone-orange{background:rgba(245,158,11,.14);color:#92400e;border-color:rgba(245,158,11,.28)}.tone-red{background:rgba(239,68,68,.12);color:#b91c1c;border-color:rgba(239,68,68,.24)}.tone-gray{background:rgba(100,116,139,.12);color:#475569;border-color:rgba(100,116,139,.22)}:root[data-theme=dark] .tone-green{color:#34d399}:root[data-theme=dark] .tone-blue{color:#9bb8ff}:root[data-theme=dark] .tone-orange{color:#fbbf24}:root[data-theme=dark] .tone-red{color:#fb7185}:root[data-theme=dark] .tone-gray{color:#cbd5e1}.client-overview-chart{border-radius:22px;padding:16px;min-height:185px;display:grid;grid-template-rows:1fr auto;grid-gap:10px;gap:10px}.client-overview-chart-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:flex-end;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border);padding-bottom:8px}.client-overview-chart-column{height:132px;display:flex;align-items:flex-end;justify-content:center}.client-overview-chart-bar{width:70%;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#7ea2ff,#295cff);box-shadow:0 12px 22px rgba(41,92,255,.16)}.client-overview-chart-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.client-overview-chart-labels span{text-align:center;color:var(--muted);font-size:12px;font-weight:850}.client-overview-list{display:grid;grid-gap:12px;gap:12px}.client-overview-list-item{border-radius:22px;padding:15px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.client-overview-list-item strong{color:var(--text)}.client-overview-list-item p{margin:6px 0 0;line-height:1.45}.client-overview-assistant-preview{border-radius:26px;min-height:190px;display:grid;place-items:center;background:radial-gradient(circle at top left,rgba(41,92,255,.08),transparent 34%),var(--surface)}.client-overview-launcher{width:82px;height:82px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow)}.client-overview-launcher span{color:var(--blue);font-size:26px;font-weight:950}.client-overview-chat-preview{margin-top:14px;border-radius:24px;padding:16px;display:grid;grid-gap:12px;gap:12px}.client-overview-chat-bubble{max-width:82%;border-radius:18px;padding:13px 15px;line-height:1.45;font-weight:750}.client-overview-chat-bubble.assistant{justify-self:start;background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.client-overview-chat-bubble.visitor{justify-self:end;background:var(--blue);color:#fff}@media (max-width:1180px){.client-overview-grid,.client-overview-two-col{grid-template-columns:1fr}.client-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.client-overview-metrics,.client-overview-mini-grid{grid-template-columns:1fr}.client-state-alert{align-items:stretch;flex-direction:column}}.client-locked-nav-note{margin-top:8px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:14px;display:grid;grid-gap:6px;gap:6px}.client-locked-nav-note strong{font-size:13px;color:var(--text)}.client-locked-nav-note span{font-size:12px;color:var(--muted);line-height:1.5}.client-wall-steps{display:grid;grid-gap:14px;gap:14px;margin:28px 0;width:min(820px,100%)}.client-wall-step{display:grid;grid-template-columns:42px 1fr;grid-gap:14px;gap:14px;align-items:start;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-strong),var(--surface));border-radius:22px;padding:16px;color:var(--text)}.client-wall-step>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--blue-faint);color:var(--blue);font-weight:950;border:1px solid rgba(41,92,255,.18)}.client-wall-step strong{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.client-wall-step p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}.client-page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.client-page-loading-card{width:100%;max-width:520px;padding:32px;border-radius:var(--radius,22px);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.client-page-loading-card p{margin:0;color:var(--muted);font-weight:600}.client-page-loading-spinner{width:36px;height:36px;border-radius:999px;border:3px solid rgba(41,92,255,.2);border-top:3px solid var(--blue);animation:client-page-spinner .9s linear infinite}@keyframes client-page-spinner{to{transform:rotate(1turn)}}.client-page-loading-skeleton{width:100%;display:flex;flex-direction:column;gap:10px;margin-top:8px}.client-page-loading-skeleton span{height:14px;border-radius:8px;background:linear-gradient(90deg,rgba(41,92,255,.08),rgba(41,92,255,.18),rgba(41,92,255,.08));background-size:200% 100%;animation:client-page-skeleton 1.4s ease infinite}.client-page-loading-skeleton span:nth-child(2){width:80%}.client-page-loading-skeleton span:nth-child(3){width:60%}@keyframes client-page-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.client-page-loading-skeleton span,.client-page-loading-spinner{animation:none}}.client-page-error{display:flex;align-items:center;justify-content:center;min-height:60vh}.client-page-error-card{width:100%;max-width:620px;padding:32px;border-radius:var(--radius,22px);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:14px;text-align:center}.client-page-error-card .client-state-wall-actions{justify-content:center}.client-toast-stack{position:fixed;right:22px;bottom:22px;z-index:9000;display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none}.client-toast{position:relative;pointer-events:auto;padding:12px 36px 12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:hidden;font-size:14px;line-height:1.5;animation:client-toast-in .22s ease}@keyframes client-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.client-toast-message{display:block;word-break:break-word}.client-toast-close{position:absolute;top:4px;right:6px;background:transparent;border:none;color:var(--muted);font-size:20px;width:24px;height:24px;cursor:pointer;line-height:1}.client-toast-close:hover{color:var(--text)}.client-toast-bar{position:absolute;left:0;bottom:0;height:3px;background:currentColor;opacity:.4;animation:client-toast-bar 5s linear forwards}@keyframes client-toast-bar{0%{width:100%}to{width:0}}@media (prefers-reduced-motion:reduce){.client-toast-bar{animation:none}}.client-toast-success{border-color:rgba(16,185,129,.45);color:#047857;background:rgba(16,185,129,.08)}.client-toast-error{border-color:rgba(239,68,68,.5);color:#b91c1c;background:rgba(239,68,68,.08)}.client-toast-warning{border-color:rgba(245,158,11,.5);color:#92400e;background:rgba(245,158,11,.1)}.client-toast-info{border-color:rgba(41,92,255,.4);color:var(--blue);background:rgba(41,92,255,.08)}.no-margin{margin:0}.margin-top-16{margin-top:16px}.margin-top-18{margin-top:18px}.overview-card-full{grid-column:1/-1}.client-warning-banner{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:14px;border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.1);color:#92400e;margin-bottom:18px}.client-warning-banner strong{font-size:14px;font-weight:800}.client-warning-banner span{font-size:13px;line-height:1.5}.overview-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.overview-metric{border-radius:22px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:18px;display:flex;flex-direction:column;gap:6px}.overview-metric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.overview-metric-head span:first-child{color:var(--muted);font-size:13px;font-weight:850}.overview-metric-dot{width:10px;height:10px;border-radius:999px;background:var(--blue);margin-top:4px;display:inline-block}.overview-metric-green .overview-metric-dot{background:#10b981}.overview-metric-orange .overview-metric-dot{background:#f59e0b}.overview-metric-red .overview-metric-dot{background:#ef4444}.overview-metric-gray .overview-metric-dot{background:#64748b}.overview-metric strong{display:block;font-size:26px;margin-top:4px}.overview-metric p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}@media (max-width:1100px){.overview-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.overview-metric-grid{grid-template-columns:1fr}}.overview-usage-row{display:grid;grid-template-columns:180px 1fr;grid-gap:18px;gap:18px;align-items:stretch}.overview-usage-total{border-radius:18px;border:1px solid var(--border);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:4px}.overview-usage-total span{color:var(--muted);font-weight:700;font-size:13px}.overview-usage-total strong{font-size:28px}.overview-usage-total p{margin:0;color:var(--muted);font-size:12px}.overview-weekly-chart{border-radius:18px;border:1px solid var(--border);background:var(--surface);padding:14px 18px}.overview-weekly-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:160px}.overview-weekly-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.overview-weekly-bar-fill{width:100%;max-width:38px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,var(--blue))}.overview-weekly-bar em{font-style:normal;font-size:11px;color:var(--muted)}@media (max-width:700px){.overview-usage-row{grid-template-columns:1fr}}.overview-doc-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.overview-doc-list li{padding:8px 10px;border-radius:10px;background:rgba(41,92,255,.06);font-size:13px;color:var(--text);word-break:break-all}.overview-design-preview{display:flex;align-items:center;gap:18px;padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface)}.overview-design-bubble{width:76px;height:76px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-align:center;font-size:18px}.overview-design-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;flex:1 1}.overview-design-meta div{display:flex;flex-direction:column;gap:4px}.overview-design-meta span{color:var(--muted);font-size:12px;font-weight:700}.overview-design-meta strong{color:var(--text);font-size:14px}.overview-status-paid{color:#047857}.overview-status-due{color:#92400e}.overview-status-overdue{color:#b91c1c}.apikey-steps-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:0}@media (max-width:900px){.apikey-steps-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.apikey-steps-row{grid-template-columns:1fr}}.apikey-main-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:800px){.apikey-main-row{grid-template-columns:1fr}}.apikey-channels-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}@media (max-width:900px){.apikey-channels-row{grid-template-columns:1fr}}.apikey-btn-primary{flex-shrink:0;max-width:100%;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;border:none;background:var(--blue);color:#fff;font-size:14px;font-weight:900;cursor:pointer;text-decoration:none;transition:opacity .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px rgba(41,92,255,.22);white-space:nowrap}.apikey-btn-primary:hover:not(:disabled){opacity:.88;box-shadow:0 12px 28px rgba(41,92,255,.32)}.apikey-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.apikey-btn-secondary{flex-shrink:0;max-width:100%;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:900;cursor:pointer;text-decoration:none;transition:border-color .15s ease,color .15s ease;white-space:nowrap}.apikey-btn-secondary:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.apikey-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.apikey-btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.08);color:var(--client-danger);font-size:14px;font-weight:900;cursor:pointer;text-decoration:none;transition:border-color .15s ease,background .15s ease;white-space:nowrap}.apikey-btn-danger:hover:not(:disabled){border-color:var(--client-danger);background:rgba(239,68,68,.14)}.apikey-btn-danger:disabled{opacity:.45;cursor:not-allowed}.api-key-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.api-key-modal-card{width:min(720px,100%);border-radius:28px;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:16px}.api-key-modal-keybox{border-radius:20px;border:1px solid rgba(41,92,255,.25);background:rgba(41,92,255,.06);padding:20px}.api-key-modal-keybox strong{display:block;word-break:break-all;font-size:16px;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);letter-spacing:.03em}.api-key-modal-buttons{display:flex;gap:12px;flex-wrap:wrap}.api-key-regen-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.api-key-regen-action{border-radius:20px;border:1px solid var(--border);background:var(--surface);padding:18px;display:flex;flex-direction:column;gap:14px}.api-key-regen-danger{color:#b91c1c}.api-key-regen-buttons{display:flex;gap:12px;flex-wrap:wrap}.billing-action-danger{border-color:rgba(239,68,68,.45);color:#b91c1c}.documents-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:800px){.documents-columns{grid-template-columns:1fr}}.documents-column{border-radius:20px;border:1px solid var(--border);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:300px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.documents-column.is-drag-over{border-color:var(--blue);background:rgba(41,92,255,.06);box-shadow:0 0 0 2px rgba(41,92,255,.18)}.documents-file-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:14px;border:1px solid var(--border);background:var(--bg);cursor:-webkit-grab;cursor:grab;transition:border-color .15s ease}.documents-file-item:hover{border-color:var(--blue)}.documents-file-item:active{cursor:-webkit-grabbing;cursor:grabbing}.documents-action-btn{width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:900;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease}.documents-action-btn:hover{border-color:var(--blue)}.documents-action-danger:hover{border-color:rgba(239,68,68,.45)!important;color:var(--client-danger)!important}.documents-limit-track{height:8px;border-radius:999px;background:var(--surface-strong);overflow:hidden}.documents-limit-fill{height:100%;border-radius:999px;transition:width .4s ease}.documents-dropzone{border:2px dashed var(--border);border-radius:22px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.documents-dropzone.is-drag-over,.documents-dropzone:hover{border-color:var(--blue);background:rgba(41,92,255,.05)}.documents-pager{display:flex;gap:10px;padding-top:6px}.documents-pager,.documents-pager-btn{align-items:center;justify-content:center}.documents-pager-btn{min-width:32px;height:32px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:800;display:inline-flex;padding:0 8px;transition:border-color .15s ease,color .15s ease}.documents-pager-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.documents-pager-btn:disabled{opacity:.4;cursor:not-allowed}.design-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:18px;gap:18px}@media (max-width:960px){.design-grid{grid-template-columns:1fr}}.design-form-card,.design-preview-card{display:flex;flex-direction:column;gap:12px}.design-field{display:flex;flex-direction:column;gap:6px}.design-field>span{font-size:13px;font-weight:700;color:var(--muted)}.design-field input[type=number],.design-field input[type=text]{height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px;font:inherit}.design-field input[type=number]:focus,.design-field input[type=text]:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,92,255,.12)}.design-color-row{display:flex;align-items:center;gap:10px}.design-color-row input[type=color]{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);padding:0;cursor:pointer}.design-color-row input[type=text]{flex:1 1}.design-size-row{display:flex;gap:8px}.design-size-pill{flex:1 1;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-weight:700}.design-size-pill.is-active{background:rgba(41,92,255,.1);border-color:var(--blue);color:var(--blue)}.design-logo-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.design-preview-bubble-area{display:flex;align-items:center;justify-content:center;padding:32px;border-radius:18px;background:var(--surface);border:1px dashed var(--border)}.design-preview-bubble{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-align:center;box-shadow:0 16px 34px rgba(41,92,255,.18);word-break:break-word;padding:0 6px}.design-preview-chat{border-radius:18px;border:1px solid var(--border);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.design-preview-chat-header{padding:14px 16px;font-weight:800}.design-preview-chat-body{padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg);min-height:160px}.design-preview-msg{max-width:80%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5}.design-preview-msg-assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:6px}.design-preview-msg-visitor{align-self:flex-end;border-bottom-right-radius:6px}.overview-storage-categories{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.overview-storage-categories li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px dashed var(--border);background:var(--surface);font-size:13px;color:var(--muted)}.overview-storage-categories li strong{color:var(--muted);font-weight:800;font-size:14px}@media (max-width:600px){.overview-storage-categories{grid-template-columns:1fr}}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.settings-section{display:flex;flex-direction:column}.settings-section-danger{border-color:rgba(239,68,68,.32);background:linear-gradient(180deg,rgba(239,68,68,.04),var(--surface))}@media (max-width:900px){.settings-grid{grid-template-columns:1fr}}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:14px}@media (max-width:600px){.settings-form-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-full{grid-column:1/-1}.settings-field>span{font-size:13px;font-weight:700;color:var(--muted)}.settings-field input,.settings-field select{height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 12px;font:inherit}.settings-field input:focus,.settings-field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,92,255,.12)}.settings-field input:disabled{opacity:.7}.settings-field-hint,.settings-field-optional{color:var(--muted);font-size:12px}.settings-field-optional{font-style:normal;font-weight:500;margin-left:4px}.settings-actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.margin-top-12{margin-top:12px}.settings-help-box-danger{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.06);color:var(--text)}.settings-logo-preview{margin-top:12px;padding:16px;border-radius:14px;border:1px dashed var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center}.settings-logo-preview img{max-height:80px;max-width:240px;object-fit:contain}.client-danger-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(239,68,68,.45);background:rgba(239,68,68,.1);color:#b91c1c;font-weight:800;cursor:pointer}.client-danger-btn:hover:not(:disabled){background:rgba(239,68,68,.18)}.client-danger-btn:disabled{opacity:.5;cursor:not-allowed}.overview-badge-danger{background:rgba(239,68,68,.1);color:#b91c1c}.currency-pending-banner{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:14px;border:1px solid rgba(245,158,11,.32);background:rgba(245,158,11,.1);color:#92400e;margin-bottom:18px}.currency-pending-banner strong{font-size:14px;font-weight:800}.currency-pending-banner span{font-size:13px;line-height:1.5}.billing-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:180px;padding:14px 8px;border-radius:14px;border:1px solid var(--border);background:var(--surface);margin-top:12px}.billing-chart-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.billing-chart-bar-fill{width:100%;max-width:32px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,var(--blue))}.billing-chart-bar em{font-style:normal;font-size:11px;color:var(--muted)}.invoice-status-paid{background:rgba(16,185,129,.12);color:#047857}.invoice-status-due{background:rgba(245,158,11,.16);color:#92400e}.invoice-status-overdue{background:rgba(239,68,68,.14);color:#b91c1c}.invoice-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.invoice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.invoice-row-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.invoice-row-meta strong{font-size:14px}.invoice-row-meta span{color:var(--muted);font-size:12px}.invoice-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:600px){.invoice-row{flex-direction:column;align-items:flex-start}}.billing-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:900px){.billing-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.billing-summary-grid{grid-template-columns:1fr}}@media (max-width:700px){.billing-latest-stats{grid-template-columns:1fr!important}}.billing-invoice-new-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:16px 20px;border-radius:20px;border:1px solid var(--border);background:var(--surface)}.billing-invoice-new-row-left{display:flex;flex-direction:column;gap:4px;min-width:0}.billing-invoice-new-row-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0}@media (max-width:700px){.billing-invoice-new-row{flex-direction:column;align-items:flex-start}.billing-invoice-new-row-right{width:100%}}.billing-pager-btn{padding:9px 22px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;font-weight:800;cursor:pointer;transition:border-color .15s,color .15s}.billing-pager-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.billing-pager-btn:disabled{opacity:.35;cursor:not-allowed}.usage-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:180px;padding:14px 8px;border-radius:14px;border:1px solid var(--border);background:var(--surface);margin-top:12px}.usage-chart-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.usage-chart-bar-fill{width:100%;max-width:32px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#7ea2ff,var(--blue))}.usage-chart-bar em{font-style:normal;font-size:11px;color:var(--muted)}.usage-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:12px}@media (max-width:700px){.usage-breakdown-grid{grid-template-columns:1fr}}.usage-breakdown-item{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.usage-breakdown-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.usage-breakdown-head strong{font-size:15px}.usage-breakdown-head span{color:var(--muted);font-size:12px}.usage-breakdown-bar{position:relative;height:10px;border-radius:999px;background:var(--bg);overflow:hidden}.usage-breakdown-bar-fill{display:block;height:100%;border-radius:999px}.usage-breakdown-bar-input{background:linear-gradient(90deg,#7ea2ff,var(--blue))}.usage-breakdown-bar-output{background:linear-gradient(90deg,#f87171,var(--client-danger))}.usage-estimate-grid{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.usage-estimate-grid li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.usage-estimate-grid li span{color:var(--muted);font-size:13px;font-weight:700}.usage-estimate-grid li strong{font-size:15px}.usage-estimate-row-total{border-color:rgba(41,92,255,.32);background:rgba(41,92,255,.06)}.usage-estimate-row-total span,.usage-estimate-row-total strong{color:var(--text);font-weight:800}.overview-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:900px){.overview-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.overview-mini-grid{grid-template-columns:1fr}}.billing-chart-bar-fill{max-width:none;min-width:2px;transition:height .5s cubic-bezier(.34,1.3,.64,1)}.billing-chart-bar:hover .billing-chart-bar-fill{filter:brightness(1.1)}.usage-chart-bar-fill{max-width:none;min-width:2px;transition:height .5s cubic-bezier(.34,1.3,.64,1)}.usage-chart-bar:hover .usage-chart-bar-fill{filter:brightness(1.1)}.billing-chart-bar em,.usage-chart-bar em{font-weight:600}.invoice-row{padding:14px 18px;border-radius:14px;transition:border-color .15s,background .15s}.invoice-row-meta strong{font-size:15px;line-height:1.3}.usage-totals-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}@media (max-width:700px){.usage-totals-grid{grid-template-columns:1fr}}.usage-notes-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}@media (max-width:700px){.usage-notes-grid{grid-template-columns:1fr}}.invoice-row-amount{font-size:17px;font-weight:800;color:var(--text);white-space:nowrap}.billing-rule-card{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.billing-rule-card>span{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.billing-rule-card>p{margin:0;font-size:14px;line-height:1.65;color:var(--text)}.billing-stat-text strong{font-size:16px!important;line-height:1.4!important}.usage-note-card{background:rgba(247,248,252,.96);border:1px solid rgba(216,222,238,.86);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}.usage-note-card>span{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.usage-note-card>p{margin:0;font-size:14px;line-height:1.65;color:var(--text)}.usage-breakdown-bar{height:12px}:root[data-theme=dark] .billing-rule-card,:root[data-theme=dark] .usage-note-card{background:rgba(12,17,28,.72);border-color:var(--border)}:root[data-theme=dark] .billing-rule-card>p,:root[data-theme=dark] .usage-note-card>p{color:var(--text)}:root[data-theme=dark] .invoice-row:hover{background:rgba(12,17,28,.72);border-color:rgba(122,162,255,.3)}.client-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg)}.client-login-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,22px);padding:32px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px}.client-login-head h1{margin:4px 0 8px;font-size:26px}.client-login-form{display:flex;flex-direction:column;gap:16px}.client-login-field{display:flex;flex-direction:column;gap:6px}.client-login-field span{font-weight:700;font-size:13px;color:var(--muted)}.client-login-field input{height:46px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:0 14px}.client-login-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,92,255,.12)}.client-login-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-login-forgot{color:var(--blue);font-weight:700}.client-login-forgot:hover{text-decoration:underline}.client-login-footer{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px}.client-login-footer a{color:var(--blue);font-weight:700}.client-login-error{position:relative;border-radius:12px;border:1px solid rgba(239,68,68,.5);background:rgba(239,68,68,.08);color:#b91c1c;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden}.client-login-error button{background:transparent;border:none;color:inherit;font-weight:700;cursor:pointer}.client-login-error-bar{position:absolute;left:0;bottom:0;height:3px;background:currentColor;opacity:.45;animation:client-toast-bar 5s linear forwards}.design-rebuild-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:start}@media (max-width:1024px){.design-rebuild-layout{grid-template-columns:1fr}.design-rebuild-preview-col{order:-1;height:auto;overflow:visible}}.design-rebuild-form{display:flex;flex-direction:column;gap:18px}.design-rebuild-preview-col{position:-webkit-sticky;position:sticky;top:80px;display:flex;flex-direction:column}.design-rebuild-sticky{display:flex;flex-direction:column;gap:10px}.design-rebuild-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.design-remove-logo-btn{opacity:.7}.design-slider-row{display:flex;align-items:center;gap:10px}.design-slider{flex:1 1;height:4px;accent-color:var(--blue);cursor:pointer}.design-slider-label{font-size:11px;font-weight:700;color:var(--muted);min-width:24px;text-align:center}.design-theme-toggle{display:flex;gap:8px}.design-theme-btn{flex:1 1;height:38px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.design-theme-btn.is-active{background:rgba(41,92,255,.1);border-color:var(--blue);color:var(--blue)}.design-color-group-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 2px}.design-full-preview-widget{margin-top:4px}.design-full-preview-rating{display:flex;gap:6px;margin-left:4px}.design-rating-btn{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;border-radius:6px;display:flex;align-items:center;opacity:.6}.design-rating-btn:hover{opacity:1;color:var(--blue)}.design-input-icon-btn{background:none;border:none;color:var(--muted);padding:4px}.design-input-icon-btn,.design-input-send-btn{cursor:pointer;display:flex;align-items:center;flex-shrink:0}.design-input-send-btn{width:34px;height:34px;border-radius:50%;border:none;justify-content:center}.design-textarea{border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px 12px;font:inherit;font-size:13px;resize:vertical;line-height:1.5}.design-textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(41,92,255,.12)}.design-field-count{font-weight:400;color:var(--muted);font-size:12px}.design-preview-launcher-card{flex-shrink:0}.design-preview-chat-card{display:flex;flex-direction:column;min-height:540px;gap:12px}.design-preview-chat-card .overview-card-head{margin-bottom:0}.design-logo-preview-area{display:flex;align-items:center;justify-content:center;padding:8px 0 4px}.design-logo-preview-img{width:80px;height:80px;border-radius:50%;object-fit:contain;padding:8px;box-sizing:border-box;background:var(--surface);border:2px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.1);display:block}.design-widget-isolated{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);min-height:420px}.design-widget-isolated,.design-widget-live-preview{display:flex;flex-direction:column}.design-widget-preview-toggle{display:inline-flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface-strong,var(--surface))}.design-widget-preview-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:800;padding:7px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.design-widget-preview-tab:hover{color:var(--text)}.design-widget-preview-tab.is-active{background:var(--blue,#295cff);color:#fff}.design-widget-isolated-live{margin-top:14px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.12);display:flex;justify-content:center;align-items:flex-end;padding:20px 16px;background:var(--surface);overflow:visible}:root[data-theme=dark] .design-widget-isolated span{color:unset!important}.design-advanced-section{margin-top:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong,var(--surface));overflow:hidden}.design-advanced-toggle{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--text);cursor:pointer;padding:12px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none}.design-advanced-toggle:hover{background:var(--surface)}.design-advanced-toggle::-webkit-details-marker{display:none}.design-advanced-toggle:before{content:"";width:0;height:0;border-left:5px solid;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .15s ease;flex-shrink:0}.design-advanced-section[open]>.design-advanced-toggle:before{transform:rotate(90deg)}.design-advanced-section[open]>.design-advanced-toggle{border-bottom:1px solid var(--border)}.design-advanced-body{display:flex;flex-direction:column;gap:12px;padding:14px}.storage-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.storage-summary-card{border-radius:16px;border:1px solid var(--border);background:var(--surface);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.storage-summary-card--accent{background:linear-gradient(135deg,var(--blue),#7c3aed);border-color:transparent;color:#fff}.storage-summary-value{font-size:1.15rem;font-weight:700;line-height:1.2;color:inherit}.storage-summary-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.storage-summary-card--accent .storage-summary-label{color:hsla(0,0%,100%,.75)}.storage-limits{display:flex;flex-direction:column;gap:10px;margin-top:4px}.storage-progress-wrap{display:flex;align-items:center;gap:10px}.storage-progress-label{font-size:.8rem;color:var(--muted);flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storage-progress-track{flex:0 0 120px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.storage-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.storage-progress-pct{font-size:.78rem;font-weight:600;color:var(--text);min-width:36px;text-align:right}.storage-warning-banner{display:flex;align-items:flex-start;gap:8px;border-radius:12px;padding:10px 14px;font-size:.82rem;background:rgba(245,158,11,.1);color:var(--client-warning,#d97706);border:1px solid rgba(245,158,11,.2);margin-bottom:14px;line-height:1.5}.storage-warning-banner--info{background:rgba(41,92,255,.07);color:var(--blue);border-color:rgba(41,92,255,.15)}.storage-warning-icon{flex-shrink:0;font-style:normal;margin-top:1px}.storage-action-error{border-radius:12px;padding:10px 16px;background:rgba(239,68,68,.1);color:var(--client-danger,#dc2626);border:1px solid rgba(239,68,68,.2);font-size:.85rem;margin-bottom:12px}.storage-table-wrap{overflow:hidden}.storage-table-actions{min-height:36px;display:flex;align-items:center;margin-bottom:8px}.storage-delete-btn{padding:6px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.1);color:var(--client-danger,#dc2626);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.storage-delete-btn:hover:not(:disabled){background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.55)}.storage-delete-btn:disabled{opacity:.5;cursor:not-allowed}.storage-table-scroll{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.storage-table{width:100%;border-collapse:collapse;font-size:.83rem}.storage-th{padding:10px 14px;text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--muted);background:var(--surface-strong);border-bottom:1px solid var(--border);white-space:nowrap}.storage-th--check{width:36px;padding-right:0}.storage-th--num{text-align:right}.storage-tr{border-bottom:1px solid var(--border);transition:background .1s}.storage-tr:last-child{border-bottom:none}.storage-tr:hover{background:var(--surface-strong)}.storage-tr--selected{background:rgba(41,92,255,.06)}.storage-tr--selected:hover{background:rgba(41,92,255,.1)}.storage-td{padding:10px 14px;color:var(--text);vertical-align:middle}.storage-td--check{width:36px;padding-right:0}.storage-td--num{text-align:right;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.8rem}.storage-td--name{font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-td--contact{min-width:160px}.storage-contact-line{line-height:1.5;font-size:.82rem}.storage-td--empty{text-align:center;color:var(--muted);padding:28px 14px;font-size:.85rem}.storage-status{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.storage-status--active{background:rgba(16,185,129,.12);color:var(--client-success,#059669)}.storage-status--inactive{background:rgba(100,116,139,.12);color:var(--muted)}.storage-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.storage-badge--website{background:rgba(41,92,255,.1);color:var(--blue)}.storage-badge--whatsapp{background:rgba(37,211,102,.12);color:#059669}.storage-badge--instagram{background:rgba(225,48,108,.1);color:#db2777}.storage-badge--facebook{background:rgba(24,119,242,.1);color:#1d4ed8}.storage-muted{color:var(--muted)}.storage-pagination{gap:12px;padding:12px 0 2px}.storage-page-btn,.storage-pagination{display:flex;align-items:center;justify-content:center}.storage-page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;cursor:pointer;transition:background .15s}.storage-page-btn:hover:not(:disabled){background:var(--surface-strong)}.storage-page-btn:disabled{opacity:.35;cursor:not-allowed}.storage-page-info{font-size:.8rem;color:var(--muted)}.storage-system-row{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-top:1px solid var(--border);margin-top:4px}.storage-system-label{font-size:.85rem;color:var(--muted);text-transform:uppercase;font-weight:600;letter-spacing:.04em}.storage-system-value{font-size:.9rem;font-weight:700;color:var(--text)}.storage-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.storage-modal{background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);padding:28px;max-width:420px;width:100%}.storage-modal-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:0 0 10px}.storage-modal-body{font-size:.87rem;color:var(--muted);line-height:1.6;margin:0 0 20px}.storage-modal-actions{display:flex;gap:10px;justify-content:flex-end}.storage-modal-cancel{padding:8px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.storage-modal-cancel:hover:not(:disabled){background:var(--surface-strong)}.storage-modal-confirm{padding:8px 18px;border-radius:10px;border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.12);color:var(--client-danger,#dc2626);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s}.storage-modal-confirm:hover:not(:disabled){background:rgba(239,68,68,.22)}.storage-modal-cancel:disabled,.storage-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.storage-summary-grid{grid-template-columns:repeat(2,1fr)}.storage-progress-track{flex:0 0 80px}.storage-td--num,.storage-th--num{display:none}}.design-logo-preview-fallback{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;font-weight:800;font-size:20px;letter-spacing:.03em;box-shadow:0 6px 18px rgba(0,0,0,.14)}.design-contrast-warning{border:1px solid var(--client-warning,#f59e0b);background:rgba(245,158,11,.08);border-radius:12px;padding:12px 14px;margin-bottom:4px}.design-contrast-warning strong{display:block;font-size:13px;color:var(--client-warning,#f59e0b);margin-bottom:6px}.design-contrast-warning ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}.design-contrast-warning li,.design-contrast-warning p{font-size:12.5px;line-height:1.55;color:var(--text);margin:0}.design-contrast-warning p{margin-top:6px;color:var(--muted)}