@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:clip}.branding-editor{display:grid;gap:14px;margin-top:24px;padding:17px;border:1px solid #dfe7e9;border-radius:11px;background:#f8fafa}.branding-title{display:flex;align-items:center;gap:10px}.branding-title>svg{width:19px;color:#168565}.branding-title strong,.branding-title small{display:block}.branding-title strong{font-size:13px}.branding-title small{margin-top:2px;color:#849098;font-size:10px}.branding-preview{display:flex;align-items:center;gap:12px;padding:13px;border:2px solid;border-radius:10px;background:#fff}.branding-preview img,.branding-preview>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border:1px solid #e3e9eb;border-radius:9px;-o-object-fit:contain;object-fit:contain;background:#fff}.branding-preview svg{width:20px}.branding-preview strong,.branding-preview small{display:block}.branding-preview strong{font-size:13px}.branding-preview small{margin-top:3px;color:#87939a;font-size:10px}.branding-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:11px}.branding-fields input[type=file]{padding:9px;font-size:10px}.branding-conditions{grid-column:1/-1}.branding-conditions>span{display:flex;align-items:center;gap:7px}.branding-conditions svg{width:16px;color:#168565}.branding-conditions textarea{min-height:280px;resize:vertical;line-height:1.45}.color-field{display:flex;gap:7px}.color-field input[type=color]{width:48px;padding:3px}.branding-actions{display:flex;justify-content:flex-end;gap:8px}.branding-actions svg{width:15px}.bo-layout,.main-content,.main-header,.page-content,.panel,.section-title,.toolbar,.list-card,.branding-editor,.branding-preview{min-width:0;max-width:100%}.main-content{min-height:100dvh}.table-wrap{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.detail-drawer{max-width:100vw}.drawer-close,.compact-actions button,.mobile-close,.menu-button,.icon-button{min-width:44px;min-height:44px}.list-card-main span,.list-card-main strong,.details-list strong{overflow-wrap:anywhere}@media (max-width:700px){input,select,textarea{font-size:16px}.sidebar{width:min(280px,88vw);padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.main-header{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top)}.branding-fields{grid-template-columns:1fr}.branding-preview{align-items:flex-start}.branding-preview>div{min-width:0;overflow-wrap:anywhere}.branding-actions,.drawer-actions,.button-row{display:grid;grid-template-columns:1fr}.branding-actions button,.drawer-actions button,.button-row button{width:100%;min-height:44px}.detail-drawer{width:100%;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.details-list>div{gap:5px;flex-direction:column}.login-form-wrap{min-width:0;padding:20px 14px}}.legal-settings-panel,.settings-actions{grid-column:1/-1}.settings-intro{margin:-6px 0 18px;color:#74818c;font-size:11px;line-height:1.6}.legal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.legal-wide{grid-column:1/-1}.legal-settings-grid textarea{resize:vertical;line-height:1.45}.settings-actions{display:flex;justify-content:flex-end}.settings-actions .save-button{min-height:44px;margin-top:0}@media (max-width:700px){.legal-settings-grid{grid-template-columns:1fr}.legal-wide{grid-column:auto}.settings-actions{display:block}.settings-actions .save-button{width:100%}}@media (max-width:420px){.dashboard-stats{grid-template-columns:1fr!important}.metric-grid{grid-template-columns:1fr}.welcome-banner{padding:17px 15px}.welcome-banner h2{font-size:19px}.list-card{align-items:flex-start}.list-card-main{min-width:calc(100% - 60px)!important}.list-card>.status{margin-left:49px}.list-card>.compact-actions{width:100%;justify-content:flex-end}}:root{font-family:DM Sans,system-ui,sans-serif;color:#17202a;background:#f4f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Manrope,sans-serif}h1{font-size:25px;margin-bottom:0;letter-spacing:-.035em}h2{font-size:19px;margin-bottom:0;letter-spacing:-.025em}.eyebrow{margin:0 0 5px;color:#84919c;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.muted{color:#74818c}.bo-layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;display:flex;flex-direction:column;padding:22px 14px 16px;color:#cad5d1;background:#132722;z-index:50}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#19a77b;box-shadow:0 8px 18px #0a171555}.brand-mark.large{width:56px;height:56px;margin-bottom:25px}.brand-mark.large svg{width:30px;height:30px}.brand div strong,.brand div span{display:block}.brand div strong{color:#fff;font-size:16px}.brand div span{font-size:11px;color:#8ba098}.sidebar nav{display:grid;gap:4px}.sidebar nav button{position:relative;width:100%;height:42px;display:flex;align-items:center;gap:11px;border:0;border-radius:9px;padding:0 12px;color:#9db0aa;background:transparent;font-size:13px;font-weight:600;text-align:left}.sidebar nav button:hover,.sidebar nav button.nav-active{color:#fff;background:#ffffff12}.sidebar nav button.nav-active:before{content:"";position:absolute;left:-14px;width:3px;height:22px;border-radius:0 3px 3px 0;background:#2bc895}.sidebar nav i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#efb34b}.sidebar-user{display:flex;align-items:center;gap:9px;margin-top:auto;padding:14px 8px 0;border-top:1px solid #ffffff15;min-width:0}.avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;color:#128060;background:#e2f5ee;font-weight:800}.avatar svg{width:18px}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user strong,.sidebar-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{color:#fff;font-size:12px}.sidebar-user span{font-size:10px;color:#82978f}.sidebar-user button,.mobile-close{border:0;color:#92a49e;background:transparent;padding:5px}.main-content{width:calc(100% - 246px);min-height:100vh;margin-left:246px}.main-header{height:88px;display:flex;align-items:center;gap:18px;padding:0 30px;border-bottom:1px solid #dce4e7;background:#fff}.main-header>div:nth-child(2){min-width:190px}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.global-search{width:min(360px,32vw);height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dce4e7;border-radius:10px;background:#f7f9fa;color:#89969e}.global-search input{height:auto;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.global-search button{border:0;background:transparent;color:#7a8891;padding:2px}.page-content{padding:25px 30px 50px;max-width:1600px;margin:auto}.panel,.stat-card,.notice,.info-banner{border:1px solid #dce4e7;border-radius:12px;background:#fff;box-shadow:0 7px 22px -20px #1e3a34}.panel{padding:21px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title>svg{color:#188b6b}.primary-button,.secondary-button,.danger-button,.warning-button,.icon-button,.row-action{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:8px;padding:0 13px;font-size:12px;font-weight:700}.primary-button{color:#fff;background:#178d6c}.primary-button:hover{background:#117659}.secondary-button,.icon-button{color:#43515a;background:#fff;border-color:#d6e0e3}.secondary-button:hover,.icon-button:hover{background:#f5f8f8}.danger-button{color:#b94747;background:#fff2f2;border-color:#f0cccc}.warning-button{color:#925f16;background:#fff8e7;border-color:#edddad}.icon-button{width:40px;padding:0}.icon-button svg{width:17px}.wide{width:100%}.form-grid{display:grid;gap:14px}label{display:grid;gap:7px;color:#42515a;font-size:12px;font-weight:700}input,select,textarea{width:100%;min-height:42px;border:1px solid #d5dfe2;border-radius:8px;padding:0 11px;color:#243139;background:#fafcfc;outline:0}textarea{padding:11px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#23a77e;box-shadow:0 0 0 3px #23a77e1c}input:disabled{color:#84929a;background:#f0f3f4}label small{color:#8b979e;font-weight:400}.notice{display:flex;align-items:center;gap:9px;margin:14px 30px 0;padding:11px 14px;font-size:12px;font-weight:700}.notice span{flex:1}.notice button{border:0;background:transparent;color:inherit}.notice.success{color:#147255;background:#ecf8f3;border-color:#bde6d7}.notice.error{color:#a63e42;background:#fff2f2;border-color:#f0cacc}.welcome-banner{min-height:130px;display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding:25px 28px;border-radius:13px;color:#fff;background:linear-gradient(115deg,#173b32,#126e55)}.welcome-banner h2{font-size:23px;margin-bottom:8px}.welcome-banner p:last-child{margin:0;color:#bcd4cc;font-size:13px}.welcome-banner>svg{margin-right:4%;color:#6bd0ad;opacity:.75}.dashboard-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid{display:grid;gap:12px;margin-bottom:17px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px}.stat-card>div:last-child{min-width:0}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{font-size:11px;color:#718089;white-space:nowrap}.stat-card strong{font:800 23px Manrope;margin:2px 0}.stat-card small{font-size:9px;color:#a0aaaf}.stat-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:10px}.stat-icon svg{width:18px}.stat-icon.emerald{color:#168965;background:#e7f6f0}.stat-icon.blue{color:#3c77bc;background:#edf4fc}.stat-icon.violet{color:#7d63bd;background:#f2effb}.stat-icon.amber{color:#ad791e;background:#fff7e7}.stat-icon.rose{color:#b75d72;background:#fceef2}.stat-icon.cyan{color:#3589a4;background:#eaf7fa}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.bar-chart{height:230px;display:flex;align-items:flex-end;gap:12px;padding:20px 10px 0;border-bottom:1px solid #e4eaec}.bar-chart div{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-chart span{width:70%;min-height:6px;border-radius:5px 5px 0 0;background:linear-gradient(#2bb38b,#187b60)}.bar-chart small{font-size:9px;color:#849097}.check-list{display:grid}.check-list>div{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid #edf1f2}.check-list>div:last-child{border:0}.check-list>div>div{flex:1}.check-list strong,.check-list small{display:block}.check-list strong{font-size:12px}.check-list small{margin-top:3px;color:#88949b;font-size:10px}.check-list svg{width:16px;color:#8d9ba2}.dot{width:8px;height:8px;border-radius:50%}.dot.amber{background:#e4a840}.dot.green{background:#28aa80}.dot.blue{background:#5f92d1}.toolbar{display:flex;align-items:center;gap:8px}.toolbar select{width:auto;min-width:140px;min-height:38px;background:#fff}.data-panel{min-width:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:10px 12px;border-bottom:1px solid #dce5e7;color:#88949b;font-size:9px;letter-spacing:.07em;text-transform:uppercase}td{padding:13px 12px;border-bottom:1px solid #edf1f2;color:#53616a;font-size:12px}tbody tr:hover{background:#f9fbfb}td strong,td small{display:block}td strong{color:#26343b}td small{margin-top:3px;color:#929da3;font-size:10px}.status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;white-space:nowrap}.status-active,.status-paid,.status-complete{color:#137153;background:#e6f6ef}.status-pending,.status-trial{color:#8d651c;background:#fff5dc}.status-suspended,.status-unpaid,.status-incomplete{color:#a33e43;background:#ffeded}.status-archived,.status-expired,.status-revoked{color:#66747b;background:#edf1f2}.status-used{color:#356faa;background:#eaf2fb}.row-action{min-height:30px;border:0;padding:0;color:#168565;background:transparent;text-decoration:none}.row-action svg{width:14px}.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#94a0a6}.empty-state strong{color:#66737a;font-size:13px}.empty-state span{max-width:370px;font-size:11px}.empty-state svg{color:#7fb7a6}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#13272266}.detail-drawer{position:absolute;inset:0 0 0 auto;width:min(440px,100%);padding:30px;background:#fff;box-shadow:-20px 0 60px #14272133;overflow:auto}.drawer-close{position:absolute;top:18px;right:18px;border:0;background:#f0f4f4;border-radius:8px;padding:6px}.drawer-heading{display:flex;align-items:center;gap:15px;margin:45px 0 25px}.agency-avatar{width:52px;height:52px}.drawer-heading h2{margin-bottom:7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.metric-grid span{padding:14px;border-radius:9px;background:#f3f7f6;color:#7c898f;font-size:10px}.metric-grid strong{display:block;color:#1d302a;font:800 20px Manrope}.details-list{display:grid;border-top:1px solid #e6ecee}.details-list>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e6ecee;font-size:12px}.details-list span{color:#8a969c}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.inline-select{width:auto;min-height:32px;padding-right:25px;background:#fff}.compact-actions{display:flex;gap:5px}.compact-actions button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #dce4e6;border-radius:7px;color:#5f6c73;background:#fff}.compact-actions button:hover{color:#167f61;background:#eff8f5}.compact-actions button.danger{color:#b64a4a}.compact-actions svg{width:14px}.split-layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:17px;align-items:start}.sticky-panel{position:sticky;top:20px}.generated-box{margin-top:17px;padding:14px;border:1px dashed #87cfb6;border-radius:9px;background:#ecf8f3}.generated-box code{display:block;padding:10px;border-radius:7px;color:#10694f;background:#d8f1e7;font-weight:800;overflow-wrap:anywhere}.button-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.card-list{display:grid;gap:8px}.list-card{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #e2e9eb;border-radius:9px}.list-card-main{min-width:0;flex:1}.list-card-main strong,.list-card-main span,.list-card-main small{display:block}.list-card-main strong{font-size:12px}.list-card-main span{color:#69777f;font-size:11px}.list-card-main small{margin-top:3px;color:#98a2a7;font-size:9px}.timeline{padding-left:11px}.timeline article{position:relative;display:flex;gap:14px;padding:0 0 23px 18px;border-left:1px solid #d7e3e0}.timeline-dot{position:absolute;left:-13px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#177b60;background:#e0f3ec}.timeline-dot svg{width:12px}.timeline strong{font-size:12px}.timeline p{margin:5px 0;color:#607078;font-size:11px}.timeline small{color:#929da3;font-size:9px}.info-banner{display:flex;align-items:center;gap:13px;margin-bottom:17px;padding:16px 20px;color:#775618;background:#fff7e7;border-color:#ebd9ad}.info-banner>svg{width:25px}.info-banner strong,.info-banner span{display:block}.info-banner span{font-size:11px;margin-top:3px}.usage>span{width:90px;height:5px;display:block;border-radius:5px;background:#e8edee;overflow:hidden}.usage i{height:100%;display:block;background:#28a67f}.usage small{margin-top:5px}.settings-grid,.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.switch-list{display:grid;margin-bottom:18px}.switch-list label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e9eeef}.switch-list strong,.switch-list small{display:block}.switch-list small{margin-top:3px}.switch-list input{width:37px;height:20px;min-height:0;accent-color:#178d6c}.save-button{margin-top:19px}.health-list{display:grid}.health-list>div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e8eeef}.health-list>div>span:first-child{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.health-list svg{width:17px;color:#168263}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-hero{display:flex;align-items:center;padding:8vw;color:#fff;background:radial-gradient(circle at 70% 15%,#2a8167,transparent 30%),linear-gradient(135deg,#10251f,#17483b)}.hero-content{max-width:560px}.hero-content h1{font-size:clamp(35px,4.5vw,61px);line-height:1.08;margin-bottom:20px}.hero-content>p:not(.eyebrow){color:#b7ccc5;font-size:16px;line-height:1.6}.hero-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:35px}.hero-points span{display:flex;align-items:center;gap:6px;font-size:12px;color:#d6e6e1}.hero-points svg{width:16px;color:#50cea5}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%);display:grid;gap:17px}.login-card h2{font-size:26px;margin-bottom:8px}.login-card .notice{margin:0}.login-card small{text-align:center;color:#929ca2}.menu-button,.mobile-close,.backdrop{display:none}@media (max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.sidebar-open{transform:none}.main-content{width:100%;margin-left:0}.menu-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dbe3e5;border-radius:8px;background:#fff}.menu-button svg{width:19px}.mobile-close{display:block;margin-left:auto}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;background:#14272155}.page-content{padding:20px}.notice{margin:12px 20px 0}.split-layout,.settings-grid,.support-grid{grid-template-columns:1fr}.sticky-panel{position:static}.login-page{grid-template-columns:1fr}.login-hero{display:none}}@media (max-width:700px){.main-header{height:76px;padding:0 15px}.main-header h1{font-size:20px}.global-search{position:absolute;top:84px;left:15px;width:calc(100% - 30px);z-index:10;box-shadow:0 5px 18px #162c2522}.page-content{padding:65px 13px 35px}.notice{margin:55px 13px -45px}.header-actions .icon-button{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.welcome-banner{padding:20px}.welcome-banner>svg{display:none}.panel{padding:16px}.section-title{align-items:flex-start;flex-direction:column}.toolbar{width:100%;overflow:auto}.toolbar select{min-width:130px}.stat-card{padding:13px}.stat-card span{white-space:normal}.login-form-wrap{padding:25px}.detail-drawer{padding:22px}.list-card{flex-wrap:wrap}.list-card-main{min-width:calc(100% - 55px)}.settings-grid,.support-grid{display:block}.settings-grid .panel,.support-grid .panel{margin-bottom:14px}}