:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#0e0f10;font-synthesis:none;--orange: #f47b20;--paper: #f2f0eb;--line: #d4d0c7}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,#444 0,#17191c 42%,#0b0c0d)}.topbar{height:120px;display:flex;align-items:center;justify-content:space-between;padding:12px max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid #454545;background:linear-gradient(#1e2022,#111)}.brand{width:300px;color:#fff;background:none;border:0;display:flex;flex-direction:column;align-items:center;line-height:1;cursor:pointer;position:relative;padding:13px 38px}.brand:before,.brand:after{content:"";position:absolute;inset:0 25px;border:4px solid var(--orange);transform:skew(-14deg);border-radius:7px;box-shadow:0 0 0 2px #090909,0 0 0 4px #9b9b9b}.brand:after{inset:6px 31px;border-width:1px;border-color:#ffb168}.brand>*{position:relative;z-index:1}.brand span,.brand em{font-size:10px;font-weight:900;letter-spacing:2px;font-style:normal}.brand strong{font-family:Georgia,serif;font-size:32px;margin:5px 0}.brand em{color:#ff9b3f}.service-status{color:#ececec;font-weight:800}.service-status i{display:inline-block;width:11px;height:11px;border-radius:50%;background:#50d383;margin-right:9px;box-shadow:0 0 12px #50d383}.service-status.off i{background:#999;box-shadow:none}.big-nav{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:#1b1d20;border-inline:1px solid #3b3d40}.big-nav button{min-height:76px;border:0;border-right:1px solid #3b3d40;background:transparent;color:#bfc0c2;font-size:17px;font-weight:800;cursor:pointer}.big-nav b{font-size:22px;margin-right:8px;color:#8c8e91}.big-nav .active{background:linear-gradient(#2d2f32,#202225);color:#fff;box-shadow:inset 0 -5px var(--orange)}.big-nav .active b{color:var(--orange)}.workspace{max-width:1320px;margin:auto;background:var(--paper);min-height:calc(100vh - 245px);padding:32px 42px 50px}.page-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.page-heading small,.assistant-panel small{font-weight:900;letter-spacing:1.8px;color:#777}.page-heading h1{font-family:Georgia,serif;font-size:38px;margin:5px 0 0}.page-heading p{font-size:18px;color:#5e5e5e}.notice{width:100%;border:1px solid #e9a45f;border-radius:9px;padding:12px 15px;margin:-10px 0 20px;background:#fff2df;color:#8c3c00;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gauge-card{background:linear-gradient(145deg,#2b2d30,#141516);border:3px solid #777;border-radius:20px;padding:16px;box-shadow:0 7px 15px #0005,inset 0 0 0 3px #080808;color:#fff}.gauge-face{width:180px;height:180px;max-width:100%;margin:auto;border-radius:50%;border:5px solid #111;background:radial-gradient(circle,#222 0 58%,#090909 60%);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 18px #000,0 0 0 3px #bbb}.gauge-face strong{font-family:Georgia,serif;font-size:31px;margin-top:34px}.gauge-face span{font-size:9px;letter-spacing:1.2px;color:#bbb;font-weight:700}.needle{position:absolute;bottom:48%;left:50%;height:64px;width:4px;transform-origin:50% 100%;background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%)}.hub{position:absolute;left:50%;bottom:45%;width:16px;height:16px;border-radius:50%;background:#ddd;border:4px solid #555;transform:translate(-50%);z-index:2}.gauge-card p{text-align:center;margin:11px 0 0;color:#bbb;font-size:12px}.action-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin-top:24px}.action-grid>button{min-height:116px;border:2px solid #cac6be;border-radius:13px;background:#fff;box-shadow:0 4px #b9b5ad;cursor:pointer}.action-grid>button>strong,.action-grid>button>small{display:block}.action-grid>button>strong{font-size:18px;margin:7px 0}.action-grid>button>small{color:#666}.action-grid .primary-action{display:flex;align-items:center;text-align:left;padding:22px;border:0;color:#fff;background:linear-gradient(135deg,#f47b20,#c94c07);box-shadow:0 5px #8f3400}.primary-action>span{font-size:38px;margin-right:17px}.primary-action strong,.primary-action small{display:block}.primary-action strong{font-size:21px}.primary-action small{margin-top:7px;opacity:.82}.attention,.panel,.assistant-panel{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #00000010}.attention{padding:20px 24px}.attention h2,.panel h2{font-family:Georgia,serif;margin:0 0 7px}.attention p{color:#666;margin:0}.attention-list{margin:14px -24px -20px}.attention-list button{width:100%;border:0;border-top:1px solid #eee;background:#fff;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:15px 24px;text-align:left;cursor:pointer}.attention-list span b,.attention-list span small{display:block}.attention-list span small{color:#666;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:700px}.attention-list em{color:var(--orange);font-style:normal;font-weight:900}.panel{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.panel-head p{margin:5px 0 0;color:#666}.head-actions{display:flex;align-items:center;gap:9px}.orange,.secondary,.upload{border:0;border-radius:9px;padding:13px 20px;font-weight:900;cursor:pointer}.orange{background:var(--orange);color:#fff;box-shadow:0 3px #a84200}.orange:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e3e1dc;color:#222}.customer-list>button{width:100%;display:grid;grid-template-columns:auto 1fr 180px auto;align-items:center;gap:15px;background:#fff;border:0;border-bottom:1px solid #eee;text-align:left;padding:17px 24px;cursor:pointer}.customer-list>button>span:nth-child(3){text-align:right}.customer-list b,.customer-list small{display:block}.customer-list small{color:#6d6d6d;margin-top:4px}.customer-list em{font-size:28px;color:#aaa}.avatar{width:45px;height:45px;border-radius:50%;display:grid!important;place-items:center;background:#222;color:var(--orange);font-weight:900}.empty{padding:30px;text-align:center;color:#777}.stripe-pill{background:#fff1d7;color:#a34b00;border:1px solid #f3c87d;border-radius:20px;padding:7px 12px;font-weight:700}.billing-steps{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px}.billing-steps article{border:2px solid #dedbd4;border-radius:12px;padding:25px}.billing-steps article>span{display:grid;place-items:center;background:#25272a;color:var(--orange);border-radius:50%;width:36px;height:36px;font-weight:900}.billing-steps h3{font-size:22px;margin-bottom:8px}.billing-steps p{line-height:1.55;color:#666}.upload{display:inline-block;background:#292b2e;color:#fff}.upload input{display:none}.billing-list>article{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #eee;padding-right:20px}.billing-main{border:0;background:#fff;padding:18px 24px;display:grid;grid-template-columns:1fr 150px 130px;align-items:center;gap:20px;text-align:left;cursor:pointer}.billing-main b,.billing-main small,.billing-main strong{display:block}.billing-main small{color:#777;margin-top:4px;font-weight:400}.billing-main>strong{text-align:right;font-size:18px}.status{justify-self:end;min-width:110px;border-radius:20px;padding:7px 10px;background:#eceae5;text-align:center;text-transform:capitalize;font-size:12px;font-weight:900}.status.active{background:#d8f4df;color:#167035}.status.pending,.status.setup_pending{background:#fff1d7;color:#914600}.status.paused{background:#e3e5e8;color:#555}.row-actions{display:flex;gap:7px}.mini{padding:9px 12px;font-size:12px;white-space:nowrap}.billing-empty{padding:45px;text-align:center}.billing-empty p{color:#666}.assistant-panel{margin-top:0;padding:42px;display:grid;grid-template-columns:260px 1fr;gap:42px;align-items:center;background:linear-gradient(120deg,#fff,#e9e7e1)}.assistant-avatar{width:260px;height:260px;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#3f4246,#111);border:8px solid #aaa;box-shadow:0 0 0 4px #222,0 12px 24px #0005;display:grid;place-items:center;position:relative}.assistant-avatar strong{font-family:Georgia,serif;color:var(--orange);font-size:70px}.assistant-avatar img{width:100%;height:100%;object-fit:cover}.assistant-avatar span{position:absolute;bottom:18px;color:#54dc84;background:#111c;border-radius:15px;padding:5px 9px;font-size:11px;letter-spacing:2px}.assistant-panel h2{font-family:Georgia,serif;font-size:38px;margin:8px 0}.assistant-panel p{font-size:18px;line-height:1.6}.chat-row{display:flex;gap:10px}.chat-row input{flex:1;border:2px solid #bbb;border-radius:9px;padding:13px}.assistant-actions{display:flex;gap:11px;margin-top:14px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#000b;display:grid;place-items:center;padding:20px;overflow-y:auto}.modal{width:min(650px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#f5f3ee;border-radius:15px;padding:28px;position:relative;box-shadow:0 25px 70px #000}.modal.compact{width:min(560px,100%)}.modal h2{font-family:Georgia,serif;font-size:30px;margin:0}.modal>p{color:#666;line-height:1.5}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.record{width:100%;min-height:85px;border:0;border-radius:12px;background:#202225;color:#fff;font-size:20px;font-weight:900;cursor:pointer;margin:18px 0 20px}.recording{background:#9d211c;animation:pulse 1s infinite}.modal label{display:block;font-weight:900}.modal input:not([type=checkbox]),.modal select,.modal textarea{width:100%;margin-top:8px;border:2px solid #bbb;border-radius:9px;padding:12px;background:#fff}.modal textarea{height:150px;resize:vertical}.modal textarea.personality{height:110px}.total-field{width:180px;margin-top:15px}.send-note{margin-top:14px;border-left:4px solid var(--orange);padding:9px 12px;background:#fff;color:#555;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1 / -1}.settings-grid{margin-top:16px}.toggle-row{margin-top:20px;display:flex!important;align-items:flex-start;gap:12px;border:2px solid #d2cec6;background:#fff;border-radius:10px;padding:15px;cursor:pointer}.toggle-row input{width:24px;height:24px;accent-color:var(--orange)}.toggle-row span{flex:1}.toggle-row b,.toggle-row small{display:block}.toggle-row small{color:#666;line-height:1.4;margin-top:4px}footer{max-width:1320px;margin:auto;color:#aaa;padding:16px 28px;display:flex;justify-content:space-between;font-size:12px}@keyframes pulse{50%{opacity:.72}}@media(max-width:900px){.gauges,.action-grid{grid-template-columns:1fr 1fr}.action-grid .primary-action{grid-column:span 2}.assistant-panel{grid-template-columns:1fr}.assistant-avatar{width:220px;height:220px;margin:auto}.workspace{padding:24px 18px}.billing-steps{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:15px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.billing-main{grid-template-columns:1fr 120px}.billing-main .status{display:none}.assistant-actions{flex-wrap:wrap}}@media(max-width:560px){.topbar{height:auto;padding:15px}.brand{width:240px}.brand strong{font-size:26px}.service-status{display:none}.big-nav button{font-size:12px;min-height:62px}.big-nav b{display:block;margin:0 0 4px}.gauges{gap:10px}.gauge-face{height:135px}.gauge-face strong{font-size:23px}.needle{height:45px}.action-grid{grid-template-columns:1fr}.action-grid .primary-action{grid-column:auto}.page-heading p{display:none}.customer-list>button{grid-template-columns:auto 1fr auto}.customer-list>button>span:nth-child(3){display:none}.panel-head{flex-direction:column}.head-actions{justify-content:flex-start}.billing-list>article{grid-template-columns:1fr;padding:0 16px 14px}.billing-main{padding-inline:8px;grid-template-columns:1fr auto}.row-actions{justify-content:flex-end}.attention-list button{grid-template-columns:1fr auto}.attention-list em{display:none}.assistant-panel{padding:25px}.assistant-panel h2{font-size:30px}.chat-row{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}footer{flex-direction:column;gap:5px}}