:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172b28;background:#dbe4e1;font-synthesis:none;--green:#08786d;--deep:#075e55;--mint:#d8fdd2;--line:#d8e0de}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.customer-shell{height:100dvh;max-width:1180px;margin:auto;box-shadow:0 0 40px #56736c38}.chat{height:100%;display:flex;flex-direction:column;background:#efeae2;min-width:0}.chat-header,.side-head{height:64px;min-height:64px;background:var(--green);color:#fff;display:flex;align-items:center;padding:8px 14px;gap:10px}.chat-header>button,.side-head>button{color:#fff;padding:8px;margin-left:2px}.chat-header>button:nth-last-child(2),.side-head>button{margin-left:auto}.avatar{width:44px;height:44px;border-radius:50%;background:#d7e4e1;color:#49736b;display:grid;place-items:center;font-weight:750;flex:none}.avatar.support{background:#e1fff9;color:var(--green)}.identity{display:flex;flex-direction:column;min-width:0;flex:1}.identity strong{font-size:16px}.identity small{opacity:.85;margin-top:2px}.messages{flex:1;overflow:auto;padding:24px clamp(12px,5vw,72px);background-color:#efeae2;background-image:radial-gradient(#768f8740 1px,transparent 1px),radial-gradient(#a8b7a63b 1px,transparent 1px);background-size:24px 24px;background-position:0 0,12px 12px}.day,.encryption{width:max-content;max-width:90%;margin:0 auto 18px;padding:7px 12px;border-radius:8px;background:#fff8e9;color:#65736f;font-size:12px;box-shadow:0 1px 1px #0001}.row{display:flex;margin:4px 0}.row.own{justify-content:flex-end}.bubble{position:relative;max-width:min(76%,600px);padding:8px 10px 6px;border-radius:8px;box-shadow:0 1px 1px #0002;line-height:1.4;font-size:14.5px;white-space:pre-wrap}.bubble-in{background:#fff;border-top-left-radius:2px}.bubble-own{background:var(--mint);border-top-right-radius:2px}.meta{font-size:10.5px;color:#6c7c78;display:inline-flex;gap:3px;align-items:center;margin-left:10px;transform:translateY(3px);float:right}.read{color:#1c96d2}.attachment{display:flex;align-items:center;gap:8px;color:var(--deep);text-decoration:none;padding:6px 8px;background:#fff7;border-radius:6px;margin-bottom:4px}.dots{display:flex;gap:4px;padding:13px 15px}.dots i{width:6px;height:6px;background:#8b9995;border-radius:50%;animation:dot 1.1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{transform:translateY(-4px)}}.composer-wrap{background:#f0f2f5;padding:8px 10px}.composer{display:flex;align-items:center;gap:4px}.composer button{color:#60716e;padding:8px;display:grid;place-items:center}.composer input[type=text],.composer input:not([type]){flex:1;border:0;border-radius:22px;padding:11px 16px;outline:none;min-width:0;background:#fff}.composer .send{background:var(--green);color:#fff;border-radius:50%;margin-left:4px}.upload-chip{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;background:#fff;border-radius:16px;padding:5px 8px 5px 10px;font-size:12px;margin:0 0 6px 72px}.upload-chip button{display:grid;padding:1px}.admin-shell{height:100dvh;max-width:1440px;margin:auto;display:grid;grid-template-columns:380px 1fr;box-shadow:0 0 40px #45665e33}.admin-shell aside{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.side-head{background:#f0f2f5;color:#243c37}.side-head strong{font-size:18px}.side-head>button{color:#526964}.search{margin:10px 12px;background:#f0f2f5;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:8px;color:#687a76}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0}.filter{padding:0 12px 9px;display:flex;gap:7px;border-bottom:1px solid #edf0ef}.filter button{padding:6px 12px;border-radius:14px;background:#f0f2f5;font-size:13px}.filter button.active{background:#d9f5e9;color:#08765b}.conversations{overflow:auto;flex:1}.conversations>button{width:100%;height:76px;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:1fr 1fr;gap:0 10px;text-align:left;padding:9px 12px;position:relative;border-bottom:1px solid #edf0ef}.conversations>button:hover,.conversations>button.selected{background:#f0f2f5}.conversations .avatar{grid-row:1/3}.conversations button>div:nth-child(2){min-width:0;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;gap:5px}.conversations b{font-size:15px}.conversations span{font-size:13px;color:#6b7b77;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversations time{font-size:11px;color:#75837f}.conversations em{position:absolute;right:13px;bottom:12px;background:#18b77c;color:#fff;border-radius:10px;font-style:normal;font-size:10px;min-width:18px;padding:2px;text-align:center}.empty,.no-selection{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#72827e;gap:10px;text-align:center;padding:30px}.empty svg,.no-selection svg{width:68px;height:68px;color:#a9bab6}.empty span{font-size:13px}.no-selection{background:#f7f9f8;border-bottom:6px solid var(--green)}.no-selection h2{margin:6px 0 0;color:#36534d}.no-selection p{margin:0}.mobile-only{display:none!important}.admin-expanded{height:100dvh;display:grid;grid-template-columns:230px 1fr;background:#f4f7f6}.admin-nav{background:#123f39;color:#fff;padding:22px 12px;display:flex;flex-direction:column;gap:7px}.admin-nav b{display:flex;align-items:center;gap:9px;padding:4px 10px 24px;font-size:18px}.admin-nav button{display:flex;align-items:center;gap:10px;color:#cce0dc;padding:11px 12px;border-radius:8px;text-align:left}.admin-nav button.active,.admin-nav button:hover{background:#ffffff19;color:#fff}.template-page{overflow:auto;padding:38px clamp(20px,4vw,60px)}.template-page>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}.template-page h1{margin:4px 0 7px;font-size:28px}.template-page header p{margin:0;color:#687b76}.eyebrow{font-size:11px;font-weight:800;color:var(--green);letter-spacing:.12em}.primary{background:var(--green);color:#fff!important;border-radius:8px;padding:10px 15px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700}.primary:disabled{opacity:.5}.template-grid{display:grid;grid-template-columns:300px minmax(400px,680px);gap:20px;align-items:start}.template-list,.editor{background:#fff;border:1px solid #dde7e4;border-radius:12px;box-shadow:0 5px 20px #315a5110}.template-list{padding:8px}.template-list>button{width:100%;display:grid;grid-template-columns:40px 1fr 10px;align-items:center;gap:10px;text-align:left;padding:11px;border-radius:8px}.template-list>button.selected{background:#e9f5f2}.template-list button>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.template-list small{color:#71817d}.template-icon{height:38px;border-radius:9px;background:#dff2ed;color:var(--green);display:grid;place-items:center}.template-list i{width:8px;height:8px;border-radius:50%;background:#aab5b2}.template-list i.on{background:#15ad78}.editor{padding:24px}.editor-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e7eeec;padding-bottom:18px;margin-bottom:20px}.editor h2{margin:0 0 5px}.editor-head>div>span{color:#71817d;font-size:13px}.switch input{display:none}.switch span{display:block;width:42px;height:24px;background:#b7c2bf;border-radius:14px;position:relative;cursor:pointer}.switch span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translate(18px)}.editor>label{display:block;font-size:13px;font-weight:700;margin:16px 0;color:#425954}.editor>label>input,.editor textarea{display:block;width:100%;border:1px solid #ccd9d6;border-radius:8px;padding:11px;margin-top:7px;outline:none;resize:vertical}.editor textarea:focus,.editor>label>input:focus{border-color:var(--green);box-shadow:0 0 0 3px #08786d18}.editor label small{display:block;font-weight:400;color:#788783;margin-top:6px}.delay{display:flex;align-items:center;gap:8px;margin-top:7px}.delay input{width:70px;border:1px solid #ccd9d6;border-radius:8px;padding:9px}.preview{background:#efeae2;background-image:radial-gradient(#78908735 1px,transparent 1px);background-size:20px 20px;border-radius:10px;padding:16px;margin-top:20px}.preview>span{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#687872;margin-bottom:14px}.preview .bubble{max-width:82%}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.danger{color:#b44343;display:flex;align-items:center;gap:6px;padding:10px 12px;margin-right:auto}.editor-empty{min-height:430px;background:#fff;border:1px solid #dde7e4;border-radius:12px}.editor-empty svg{width:56px;height:56px}@media(max-width:700px){.admin-shell{display:block}.admin-shell aside{height:100%}.admin-shell aside.hidden-mobile{display:none}.admin-shell>.chat{height:100%}.admin-shell>.no-selection{display:none}.mobile-only{display:grid!important}.customer-shell{width:100%}.chat-header{height:60px;min-height:60px;padding-inline:6px}.chat-header>button{padding:7px}.messages{padding:16px 9px}.bubble{max-width:86%}.composer-wrap,.composer button{padding:6px}.upload-chip{margin-left:48px}.admin-shell{box-shadow:none}.admin-expanded{display:block;overflow:auto}.admin-nav{padding:10px;flex-direction:row;align-items:center}.admin-nav b{padding:4px 8px;margin-right:auto}.admin-nav button{font-size:0;padding:9px}.admin-nav button svg{width:21px}.template-page{padding:20px 12px}.template-page>header{align-items:center}.template-page header p{display:none}.template-grid{display:block}.template-list{margin-bottom:14px}.editor{padding:17px}.preview .bubble{max-width:94%}}@media(min-width:701px){.customer-shell{height:calc(100dvh - 36px);margin-top:18px}.admin-shell{height:calc(100dvh - 28px);margin-top:14px}}.dashboard-page{overflow:auto;padding:34px clamp(20px,3vw,48px);background:#f4f7f6}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.dashboard-head h1{margin:4px 0 7px;font-size:28px}.dashboard-head p,.card-title p{margin:0;color:#71817d}.dashboard-actions{display:flex;gap:9px}.dashboard-actions a{text-decoration:none}.range{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d8e3e0;border-radius:8px;padding:9px 12px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.stat-grid article,.chart-card,.status-card,.recent-card{background:#fff;border:1px solid #dde7e4;border-radius:12px;box-shadow:0 4px 14px #315a510b}.stat-grid article{padding:16px;display:grid;grid-template-columns:1fr auto}.stat-grid article>span{font-size:12px;color:#71817d}.stat-grid strong{font-size:27px;margin-top:9px}.stat-grid small{grid-column:1/3;color:#80908c;margin-top:4px}.stat-icon{grid-column:2;grid-row:1/3;width:35px;height:35px;border-radius:9px;background:#e2f3ef;color:var(--green);display:grid;place-items:center}.stat-icon svg{width:18px}.analytics-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:18px;margin-bottom:18px}.chart-card,.status-card,.recent-card{padding:20px}.card-title{display:flex;justify-content:space-between;align-items:flex-start}.card-title h2{font-size:16px;margin:0 0 5px}.card-title p{font-size:12px}.legend{display:flex;gap:12px;font-size:11px;color:#71817d}.legend span{display:flex;align-items:center;gap:5px}.legend i,.status-rows i{width:8px;height:8px;border-radius:50%;display:inline-block}.legend .customers{background:#0b8174}.legend .message{background:#8bd3c5}.bar-chart{height:210px;display:flex;align-items:flex-end;gap:clamp(10px,3vw,30px);padding:28px 10px 0;border-bottom:1px solid #dfe7e5;background:repeating-linear-gradient(to bottom,#edf2f0 0,#edf2f0 1px,transparent 1px,transparent 52px)}.bar-day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bars{height:calc(100% - 22px);display:flex;align-items:flex-end;gap:4px;width:100%;justify-content:center}.bars i{display:block;width:min(16px,35%);border-radius:4px 4px 0 0;min-height:3px}.bars .customers{background:#0b8174}.bars .message{background:#8bd3c5}.bar-day>span{font-size:10px;color:#71817d}.donut{--open:180deg;width:145px;height:145px;border-radius:50%;margin:22px auto 18px;background:conic-gradient(#0b8174 0 var(--open),#b8dfd7 var(--open) 360deg);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:94px;height:94px;background:#fff;border-radius:50%}.donut>div{position:relative;text-align:center;display:flex;flex-direction:column}.donut strong{font-size:24px}.donut span{font-size:11px;color:#71817d}.status-rows{display:grid;gap:10px}.status-rows>div{display:flex;justify-content:space-between;font-size:12px}.status-rows span{display:flex;align-items:center;gap:7px;color:#61736e}.status-rows i.open{background:#0b8174}.status-rows i.resolved{background:#b8dfd7}.recent-card{padding-bottom:10px}.customer-table{margin-top:15px}.table-head,.table-row{display:grid;grid-template-columns:1.3fr 2fr .6fr .7fr .8fr;gap:12px;align-items:center;padding:10px 6px}.table-head{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#80908c;border-bottom:1px solid #e1e9e7}.table-row{font-size:12px;border-bottom:1px solid #edf2f0}.table-row>span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667873}.customer-cell{display:flex;align-items:center;gap:8px}.customer-cell .avatar{width:30px;height:30px;font-size:9px;font-style:normal}.status{font-style:normal;text-transform:capitalize;padding:4px 8px;border-radius:12px;background:#e4f4ef;color:#08765b}.loading{height:100%;display:grid;place-items:center;color:#71817d}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:260px minmax(340px,1fr)}}@media(max-width:700px){.dashboard-page{padding:19px 12px}.dashboard-head{align-items:center}.dashboard-head p,.dashboard-actions .range{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-grid article:last-child{grid-column:1/3}.analytics-grid{display:block}.chart-card,.status-card,.recent-card{margin-bottom:12px}.bar-chart{height:170px}.customer-table{overflow:auto}.table-head,.table-row{min-width:680px}.dashboard-actions .primary{font-size:0}.dashboard-actions .primary svg{margin:0}}.nav-user{margin-top:auto;border-top:1px solid #ffffff1c;padding:16px 7px 0;display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center}.nav-user .avatar{width:34px;height:34px;font-size:10px}.nav-user>span:nth-child(2){display:flex;flex-direction:column}.nav-user b{display:block!important;padding:0!important;font-size:12px!important}.nav-user small{text-transform:capitalize;color:#a9c6c0}.nav-user button{padding:5px!important}.nav-user button svg{width:17px}.login-page{min-height:100dvh;background:linear-gradient(140deg,#e3f0ed,#f7f9f8 55%,#cde6e0);display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dce7e4;border-radius:16px;padding:32px;box-shadow:0 20px 60px #16473c22}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.login-brand>span{width:42px;height:42px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center}.login-brand>div{display:flex;flex-direction:column}.login-brand b{font-size:18px}.login-brand small{color:#71817d}.login-card h1{margin:0 0 7px}.login-card>p{margin:0 0 22px;color:#71817d}.login-card form,.agent-form{display:flex;flex-direction:column;gap:14px}.login-card label,.agent-form label{font-size:12px;font-weight:700;color:#435a55}.login-card label>input,.agent-form input,.agent-form select{display:block;width:100%;margin-top:6px;border:1px solid #cbd9d5;border-radius:8px;padding:11px;outline:none;background:#fff}.login-card label>input:focus,.agent-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #08786d18}.login-card .remember{display:flex;align-items:center;gap:8px;font-weight:500}.login-card .remember input{width:auto;margin:0}.login-help{display:block;text-align:center;color:#82918e;margin-top:20px}.form-error{color:#b23d3d!important;background:#fff0f0;padding:8px 10px;border-radius:7px;font-size:12px}.agents-grid{display:grid;grid-template-columns:340px minmax(400px,720px);gap:20px}.agent-form,.agent-list{background:#fff;border:1px solid #dde7e4;border-radius:12px;padding:22px;box-shadow:0 5px 20px #315a5110}.agent-form h2,.agent-list h2{margin:0 0 18px;font-size:18px}.agent-list>div{display:grid;grid-template-columns:42px 1fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e8eeec}.agent-list .avatar{width:38px;height:38px;font-size:10px}.agent-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.agent-list small{color:#71817d}.agent-list em{font-style:normal;font-size:10px;background:#f0f2f1;color:#788480;padding:4px 7px;border-radius:10px}.agent-list em.active{background:#e0f4ec;color:#08765b}.agent-list button{font-size:11px;color:#9c4141;padding:6px}@media(max-width:700px){.login-card{padding:24px}.agents-grid{display:block}.agent-form{margin-bottom:14px}.agent-list>div{grid-template-columns:38px 1fr auto}.agent-list em{display:none}.admin-nav .nav-user{margin:0 0 0 auto;border:0;padding:0;display:flex}.admin-nav .nav-user>span:nth-child(2),.admin-nav .nav-user .avatar{display:none}}.password-form{max-width:520px;margin-top:18px}.form-success{background:#e7f6f1;color:#156b59;border-radius:8px;padding:10px;font-size:12px}.send-error{background:#fff0e6;color:#9b441f;padding:6px 12px;font-size:11px;text-align:center}.composer .send:disabled{opacity:.65}.clients-layout{display:grid;grid-template-columns:360px minmax(480px,1fr);gap:22px;align-items:start}.clients-layout .agent-form small{display:block;margin-top:5px;color:#71817d}.clients-layout input[type=color]{height:44px;padding:4px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px}.workspace-grid article,.success-card{background:#fff;border:1px solid #dce6e3;border-radius:12px;padding:17px;box-shadow:0 5px 20px #315a510c}.workspace-grid article>header{display:flex;align-items:center;gap:10px}.workspace-logo{width:42px;height:42px;color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:11px}.workspace-grid header>div{display:flex;flex-direction:column;gap:3px}.workspace-grid header small{color:#71817d}.workspace-grid header em{margin-left:auto;font-style:normal;font-size:10px;background:#e0f4ec;color:#08765b;padding:4px 7px;border-radius:10px}.workspace-grid article>div:nth-child(2){display:flex;gap:24px;border-top:1px solid #e7eeec;border-bottom:1px solid #e7eeec;margin:15px 0;padding:12px 0}.workspace-grid article>div:nth-child(2) span{display:flex;flex-direction:column;color:#71817d;font-size:10px}.workspace-grid article>div:nth-child(2) b{color:#263f39;font-size:18px}.workspace-grid a{color:var(--green);text-decoration:none;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px}.success-card{margin-top:14px;border-color:#9fd9c9;background:#f0fbf7;display:flex;flex-direction:column;gap:5px}.success-card span{font-size:12px;color:#45625b}@media(max-width:950px){.clients-layout{grid-template-columns:1fr}.workspace-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.workspace-grid{grid-template-columns:1fr}}.welcome-card{gap:14px}.welcome-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.welcome-card>header>div{display:flex;flex-direction:column;gap:4px}.welcome-card .copy-welcome{display:flex;align-items:center;gap:6px;white-space:nowrap}.welcome-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #d4e5df;border-radius:9px;padding:14px;margin:0;color:#29453e;font:12px/1.65 inherit}.welcome-card b{font-size:15px}@media(max-width:600px){.welcome-card>header{align-items:stretch;flex-direction:column}.welcome-card .copy-welcome{justify-content:center}}.super-overview{padding:28px 32px;max-width:1500px;width:100%;margin:0 auto}.super-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.super-head h1{font-size:27px;margin:5px 0}.super-head p{margin:0;color:#687b76}.super-head .primary{display:flex;align-items:center;gap:8px}.super-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.super-stats article{background:#fff;border:1px solid #dde7e4;border-radius:15px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 24px #294f460a}.super-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.super-icon svg{width:21px}.super-icon.green{background:#e6f6f0;color:#08786d}.super-icon.blue{background:#e9f1ff;color:#3974c9}.super-icon.purple{background:#f1ebff;color:#7655c5}.super-icon.amber{background:#fff2df;color:#c07816}.super-stats article>div{display:flex;flex-direction:column}.super-stats small{color:#6d7f7a;font-size:11px}.super-stats strong{font-size:23px;color:#203a34;margin:2px 0}.super-stats em{font-style:normal;color:#82918d;font-size:10px}.super-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr);gap:18px}.portfolio-card,.attention-card{background:#fff;border:1px solid #dde7e4;border-radius:15px;padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel-title h2{font-size:16px;margin:0 0 3px}.panel-title p{font-size:11px;color:#778984;margin:0}.panel-title button,.attention-row button{color:#08786d;background:#edf7f4;border-radius:8px;padding:6px 9px;font-size:10px}.portfolio-list>div{display:grid;grid-template-columns:42px minmax(150px,1fr) minmax(110px,200px) 38px;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf1f0}.portfolio-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.portfolio-list small{font-size:10px;color:#778984}.portfolio-list progress{width:100%;height:7px;accent-color:#08786d}.portfolio-list em{font-size:10px;font-style:normal;color:#657873;text-align:right}.attention-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1f0}.attention-row>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.attention-row small{font-size:10px;color:#7b8986}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.warning{background:#e6a42c}.status-dot.danger{background:#d65d5d}.all-clear{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5d7770;gap:7px}.all-clear svg{color:#0c987d}.all-clear span{font-size:11px}.client-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.client-summary span{background:#fff;border:1px solid #dce6e3;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column}.client-summary small{color:#758681;font-size:10px}.client-summary b{font-size:21px;margin-top:3px}.client-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.client-search{background:#fff;border:1px solid #d7e3df;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:310px}.client-search svg{color:#738681}.client-search input{border:0;outline:0;padding:10px 0;width:100%;font-size:12px}.client-filters{display:flex;background:#e9f0ee;border-radius:9px;padding:3px}.client-filters button{padding:7px 12px;border-radius:7px;color:#667a74;font-size:10px}.client-filters button.active{background:#fff;color:#08786d;box-shadow:0 2px 8px #365e5514}.clients-page{padding-top:25px!important}@media(max-width:1050px){.super-stats,.client-summary{grid-template-columns:repeat(2,1fr)}.super-grid{grid-template-columns:1fr}}@media(max-width:650px){.super-overview{padding:20px 14px}.super-head{flex-direction:column;gap:14px}.super-stats,.client-summary{grid-template-columns:1fr 1fr}.client-toolbar{flex-direction:column}.client-search{min-width:0}.portfolio-list>div{grid-template-columns:38px 1fr 40px}.portfolio-list progress{display:none}.clients-page{padding-left:14px!important;padding-right:14px!important}}.staff-content{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.staff-content>.dashboard-page,.staff-content>.template-page{flex:1;overflow:visible}.chat-column{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-column>.chat,.chat-column>.no-selection{min-height:0;flex:1}.subscription-notice{background:#e7f6f1;border-bottom:1px solid #b8dfd3;padding:9px 16px;display:flex;align-items:center;gap:18px;color:#195f51}.subscription-notice>div{display:flex;flex-direction:column;gap:2px;min-width:250px}.subscription-notice b{font-size:12px}.subscription-notice span{font-size:10px;color:#558076}.subscription-notice progress{width:min(300px,35%);height:7px;accent-color:#0b8174}.subscription-notice.blocked{background:#fff0e6;border-color:#f2c7a8;color:#a34720}.subscription-notice.blocked progress{accent-color:#d66532}.workspace-card{min-width:0}.workspace-card .account-toggle{margin-left:auto;border-radius:12px;background:#fee8e8;color:#a04444;padding:5px 8px;font-size:10px}.workspace-card .account-toggle.active{background:#e0f4ec;color:#08765b}.workspace-card .workspace-stats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px!important}.usage-block{display:block!important;border:0!important;margin:0 0 14px!important;padding:0!important}.usage-block>div{display:flex;justify-content:space-between;font-size:10px;color:#647772}.usage-block progress{width:100%;height:8px;accent-color:#08786d}.usage-block small{font-size:10px;color:#71817d}.plan-control{display:block;font-size:10px;font-weight:700;color:#5c706b;margin-bottom:10px}.plan-control select{display:block;width:100%;border:1px solid #ccd9d6;border-radius:7px;background:#fff;padding:8px;margin-top:4px;font-size:11px}.topups{display:flex;gap:5px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.topups span{font-size:10px;color:#71817d}.topups button{background:#edf4f2;color:#176d5d;border-radius:6px;padding:5px 7px;font-size:9px}.workspace-grid{grid-template-columns:repeat(2,minmax(300px,1fr))}@media(max-width:800px){.subscription-notice{align-items:flex-start;flex-direction:column;gap:7px}.subscription-notice progress{width:100%}.workspace-grid{grid-template-columns:1fr}.chat-column .subscription-notice{display:none}}.agent-quota{background:#eaf7f3;border:1px solid #c5e5dc;border-radius:10px;padding:11px;margin:10px 0 16px}.agent-quota>div{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.agent-quota b{font-size:12px;color:#195f51}.agent-quota span{font-size:10px;color:#617e76}.agent-quota progress{width:100%;height:7px;margin-top:8px;accent-color:#0b8174}.agent-quota.full{background:#fff3e9;border-color:#edc9ad}.agent-quota.full progress{accent-color:#d66532}.agent-form .primary:disabled{opacity:.55;cursor:not-allowed}.image-bubble{min-width:190px;padding:4px 4px 6px}.chat-image{display:block;overflow:hidden;margin-bottom:3px;border-radius:6px;background:#d9dfdd}.chat-image img{display:block;width:auto;max-width:min(360px,68vw);max-height:380px;margin:auto;object-fit:cover}.image-bubble>span:not(.meta){display:block;padding:4px 6px 1px}.upload-thumb{width:34px;height:34px;border-radius:6px;object-fit:cover}.credential-details{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #e4ece9}.credential-details span{display:flex;flex-direction:column;min-width:0}.credential-details small{color:#778984;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.credential-details b{overflow-wrap:anywhere;color:#29453e;font-size:11px}.credential-details .reset-password,.reset-result button{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:#edf5f2;color:#08786d;padding:8px;font-size:11px;font-weight:700}.reset-result,.agent-list>.agent-reset-result{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:10px;padding:12px;border:1px solid #9fd9c9;border-radius:9px;background:#f0fbf7}.reset-result code,.agent-reset-result code{border:1px dashed #73bba8;border-radius:7px;background:#fff;padding:9px;color:#174e42;font-size:14px;text-align:center;-webkit-user-select:all;user-select:all}.reset-result small,.agent-reset-result small{color:#687b76;font-size:10px}.agent-list>div>button{display:inline-flex;align-items:center;gap:4px}@media(max-width:700px){.agent-list>div{grid-template-columns:38px 1fr auto}.agent-list>div>button:last-child{grid-column:2 / -1;justify-self:start}}