:root{--ink:#171b27;--muted:#7c8495;--soft:#a4abba;--line:#e9ebf0;--surface:#fff;--bg:#f7f8fa;--purple:#7358e8;--purple-light:#f0edff;--green:#16966e;--green-light:#e9f8f1;--blue:#4287e8;--shadow:0 8px 28px rgba(29,35,58,.045);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(115,88,232,.3);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:250px;padding:27px 19px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 9px;text-decoration:none;color:var(--ink)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:var(--purple);box-shadow:0 5px 12px #7358e837}.brand-mark svg{width:27px;fill:none;stroke:#fff;stroke-width:1.6}.brand-mark circle{fill:#fff;stroke:none}.brand strong{display:block;font:800 21px Manrope,sans-serif;letter-spacing:-1.1px;line-height:1.05}.brand small{display:block;margin-top:4px;color:#9299a9;font-size:8px;font-weight:700;letter-spacing:1.15px}.workspace-label{display:flex;justify-content:space-between;align-items:center;margin:40px 7px 13px;color:#a0a6b3;font-size:9px;font-weight:700;letter-spacing:1px}.workspace-live{display:flex;align-items:center;gap:5px;color:#858c9b;font-size:10px;letter-spacing:0;font-weight:500}.workspace-live i,.footer i,.mobile-status i,.ok-text i{width:6px;height:6px;border-radius:50%;background:#35bd87;display:inline-block}.nav-list{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-height:41px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#666f80;text-align:left;font-size:12px;font-weight:500}.nav-item:hover,.nav-item.active{background:#f3f0ff;color:#6047d6}.nav-icon{width:17px;text-align:center;font-size:17px;line-height:1;color:#7d8595}.nav-item.active .nav-icon{color:var(--purple)}.nav-count{margin-left:auto;color:#9097a6;font-size:10px}.alert-count{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#fff0e9;color:#df7d4d;font-size:9px}.sidebar-bottom{margin-top:auto}.instance-card{margin:0 0 13px;padding:12px 11px 11px;border:1px solid #eaebf1;border-radius:9px;background:#fcfcfd}.instance-top{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600}.instance-dot{width:7px;height:7px;border-radius:50%;background:#25b77f;box-shadow:0 0 0 3px #e4f8ef}.ellipsis{margin-left:auto;color:#9da3af;font-size:18px;line-height:10px}.instance-card strong{display:block;margin:11px 0 3px;font-size:10px;font-weight:600}.instance-card small{color:#8d95a4;font-size:9px}.profile{display:flex;align-items:center;gap:9px;margin-top:12px;padding:14px 3px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font-weight:700}.owner{background:#f8ded4;color:#a85b43;font-size:12px}.profile strong{display:block;font-size:11px}.profile small{display:block;margin-top:2px;color:#959baa;font-size:9px}.more-button{margin-left:auto;border:0;background:transparent;color:#8d95a3;font-size:19px}.main-area{min-height:100vh;margin-left:250px;padding:0 42px 22px;display:flex;flex-direction:column}.topbar{height:68px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ebf0}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa1ae;font-size:11px}.breadcrumb b{color:#d0d3db;font-weight:400}.breadcrumb strong{color:#596173;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#768092;font-size:16px}.icon-button.quiet{border:0;background:transparent;font-size:20px}.notification-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#f18b68;border:1px solid white}.top-avatar{width:29px;height:29px}.mobile-brand,.mobile-status{display:none}.page{display:none;padding:34px 0 30px;animation:fadein .2s ease}.page.active{display:block}@keyframes fadein{0%{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:none}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-heading.compact{margin-bottom:23px}.eyebrow{margin:0 0 8px;color:#9aa1af;font-size:9px;font-weight:700;letter-spacing:1.25px}.page h1{margin:0;color:var(--ink);font:700 27px Manrope,sans-serif;letter-spacing:-.85px}.wave{margin-left:4px;color:#f4b75e;font-size:21px}.subheading{margin:7px 0 0;color:#8a91a0;font-size:12px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;padding:0 14px;border:1px solid var(--purple);border-radius:8px;background:var(--purple);color:#fff;font-size:11px;font-weight:600;box-shadow:0 4px 12px #7358e821}.primary-button:hover{background:#6348db}.primary-button>span{font-size:17px;font-weight:400;line-height:0}.secondary-button{border-color:var(--line);background:#fff;color:#626b7a;box-shadow:none}.status-banner{display:flex;align-items:center;gap:13px;min-height:68px;margin-bottom:17px;padding:12px 18px;border:1px solid #dbf0e5;border-radius:10px;background:linear-gradient(100deg,#f2fbf6,#fbfdfb)}.status-orb{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e2f6ec;color:#259d6e;font-weight:700}.status-copy{display:grid;gap:4px}.status-copy strong{font-size:11px}.status-copy span{color:#858f98;font-size:10px}.text-button{margin-left:auto;padding:8px;border:0;background:transparent;color:#458567;font-size:10px;font-weight:600}.text-button span{margin-left:5px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card,.panel{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.stat-card{min-height:139px;padding:15px 16px 12px;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7b8392;font-size:10px;font-weight:500}.stat-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:13px}.stat-icon.purple{background:var(--purple-light);color:var(--purple)}.stat-icon.green{background:var(--green-light);color:var(--green)}.stat-icon.blue{background:#eaf3ff;color:var(--blue)}.stat-card>strong{display:block;margin-top:8px;font:700 25px Manrope,sans-serif;letter-spacing:-.8px}.stat-card>strong em{color:#a7adba;font:500 13px DM Sans,sans-serif;letter-spacing:0}.stat-card>small{display:block;margin-top:3px;color:#969dab;font-size:9px}.trend{color:#21a477;font-weight:600}.online-label{color:#299a70}.sparkline{position:absolute;right:15px;bottom:12px;display:flex;align-items:flex-end;gap:3px;width:65px;height:25px;opacity:.7}.sparkline i{flex:1;border-radius:3px 3px 0 0;background:#b4a7f4}.blue-line i{background:#9fc4f5}.agent-dots{display:flex;align-items:center;margin-top:12px}.agent-dots i{width:15px;height:15px;margin-right:-4px;border:2px solid white;border-radius:50%;background:#b9aaf8}.agent-dots i:nth-child(2){background:#e9b4a4}.agent-dots i:nth-child(3){background:#9dcab7}.agent-dots i:nth-child(4){background:#9bbbe4}.agent-dots span{margin-left:9px;color:#9aa1ae;font-size:9px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:14px;margin-top:16px}.panel{padding:17px 17px 14px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2,.settings-section h2{margin:0;font:700 13px Manrope,sans-serif;letter-spacing:-.15px}.panel-heading p{margin:4px 0 0;color:#969dab;font-size:10px}.link-button{padding:4px 0;border:0;background:none;color:#7c65dc;font-size:10px;font-weight:600}.link-button span{margin-left:4px}.session-list{margin-top:14px}.session-row{display:flex;align-items:center;gap:10px;min-height:51px;border-top:1px solid #f0f1f4;cursor:pointer}.session-row:first-child{border-top:0}.session-row:hover .session-name{color:var(--purple)}.session-avatar{width:29px;height:29px;font-size:12px}.session-avatar.purple{background:#eee9ff;color:#7d65db}.session-avatar.peach{background:#ffede4;color:#bc7555}.session-avatar.blue{background:#e8f2ff;color:#4f84c7}.session-avatar.green{background:#e5f5ec;color:#348768}.session-meta{flex:1;min-width:0}.session-name{display:block;overflow:hidden;color:#404656;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.session-preview{display:block;overflow:hidden;margin-top:4px;color:#9aa1ae;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.session-time{align-self:flex-start;margin-top:14px;color:#a5abb7;font-size:9px;white-space:nowrap}.session-arrow{color:#c4c8d0;font-size:12px}.agent-list{margin-top:13px}.agent-row{display:flex;align-items:center;gap:9px;min-height:43px;border-top:1px solid #f0f1f4}.agent-row:first-child{border-top:0}.agent-avatar{width:28px;height:28px;border-radius:9px;font-size:10px}.agent-avatar.one{background:#eee9ff;color:#7660d1}.agent-avatar.two{background:#ffede5;color:#bb7257}.agent-avatar.three{background:#e5f5ec;color:#388869}.agent-avatar.four{background:#e9f2ff;color:#5081bb}.agent-name{flex:1;color:#404656;font-size:10px;font-weight:600}.agent-role{display:block;margin-top:3px;color:#9ba2af;font-size:9px;font-weight:400}.online-status{display:flex;align-items:center;gap:5px;color:#3a9c75;font-size:9px}.online-status i{width:5px;height:5px;border-radius:50%;background:#43bc8c}.full-width-button{width:100%;height:31px;margin-top:9px;border:1px solid #e8e5f5;border-radius:7px;background:#fff;color:#715bd2;font-size:10px;font-weight:600}.full-width-button span{margin-left:5px}.activity-panel{margin-top:15px}.live-pill{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:20px;background:#ecf9f2;color:#359a73;font-size:8px;font-weight:700;letter-spacing:.4px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#3cba86}.activity-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:17px}.activity-item{position:relative;display:flex;gap:9px;min-width:0}.activity-icon{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:7px;background:#f1efff;color:#7760d7;font-size:12px}.activity-icon.green{background:#e8f7ef;color:#36916e}.activity-icon.blue{background:#eaf2ff;color:#5286c6}.activity-text{min-width:0;color:#7d8493;font-size:9px;line-height:1.5}.activity-text strong{color:#454b59;font-weight:600}.activity-text small{display:block;margin-top:4px;color:#a5abb7;font-size:8px}.footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;color:#a0a6b1;font-size:9px}.footer b{padding:0 3px;color:#c4c8d0}.footer span:last-child{display:flex;align-items:center;gap:6px}.footer i{width:5px;height:5px}.mobile-nav{display:none}.toolbar{display:flex;gap:9px;margin-bottom:13px}.search-box{display:flex;align-items:center;gap:8px;flex:1;max-width:370px;height:37px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#a1a8b5}.search-box span{font-size:19px}.search-box input{width:100%;border:0;outline:0;color:var(--ink);font-size:11px}.toolbar select{min-width:125px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#697182;font-size:10px}.session-page-panel{padding:4px 16px}.session-list.full{margin:0}.session-list.full .session-row{min-height:64px}.session-list.full .session-name{font-size:11px}.session-list.full .session-preview{font-size:10px}.session-list.full .session-time{margin-top:23px}.agent-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.agent-card{padding:17px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.agent-card-top{display:flex;align-items:center;gap:10px}.agent-card .agent-avatar{width:38px;height:38px;border-radius:11px;font-size:14px}.agent-card-top h3{margin:0;font:700 12px Manrope,sans-serif}.agent-card-top p{margin:4px 0 0;color:#979eac;font-size:10px}.agent-card .online-status{margin-left:auto}.agent-card-desc{min-height:35px;margin:15px 0;color:#858d9b;font-size:10px;line-height:1.55}.agent-card-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #f0f1f4;color:#9ba2af;font-size:9px}.agent-card-bottom strong{color:#606979;font-weight:600}.review-count{padding:8px 10px;border-radius:7px;background:#fff1e9;color:#c97850;font-size:10px;font-weight:600}.access-note{display:flex;gap:12px;margin-bottom:14px;padding:14px;border:1px solid #ece8ff;border-radius:9px;background:#f8f6ff;color:#755fd4}.access-note>span{font-size:16px}.access-note strong{color:#494264;font-size:11px}.access-note p{margin:5px 0 0;color:#88839e;font-size:10px;line-height:1.5}.request-list{display:grid;gap:10px}.request-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.request-avatar{width:38px;height:38px;border-radius:50%;background:#f5e2dc;color:#a36650;font-size:14px}.request-card:nth-child(2) .request-avatar{background:#e5ecfc;color:#5e73a6}.request-info{flex:1;min-width:0}.request-info strong{display:block;font-size:11px}.request-info span{display:block;margin-top:4px;color:#969dab;font-size:9px;overflow-wrap:anywhere}.request-reason{margin-top:8px;color:#707889;font-size:10px}.request-actions{display:flex;gap:7px}.approve-button,.deny-button{min-height:32px;padding:0 12px;border:1px solid #dcefe5;border-radius:7px;background:#edfaf3;color:#34845f;font-size:10px;font-weight:600}.deny-button{border-color:#ececf0;background:#fff;color:#8d93a0}.empty-request{text-align:center;padding:55px 20px;border:1px dashed #dce8df;border-radius:10px;background:#fbfefc}.empty-request>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f7ee;color:#29966b}.empty-request h3{margin:12px 0 4px;font:700 14px Manrope,sans-serif}.empty-request p{margin:0;color:#9299a6;font-size:11px}.hidden{display:none!important}.settings-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px}.settings-tabs{display:grid;align-content:start;gap:4px}.settings-tab{height:35px;padding:0 10px;border:0;border-radius:7px;background:transparent;text-align:left;color:#777f8f;font-size:10px}.settings-tab.selected{background:#f0edff;color:#6952d7;font-weight:600}.settings-panel{padding:0}.settings-section{padding:19px;border-bottom:1px solid var(--line)}.settings-section>p{margin:5px 0 16px;color:#949baa;font-size:10px}.field-label{display:block;margin:12px 0;color:#707888;font-size:10px;font-weight:600}.field-label input{display:block;width:100%;height:36px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#515969;font-size:10px}.input-with-status{position:relative}.input-with-status input{padding-right:105px}.input-with-status span{position:absolute;top:17px;right:11px;color:#3b9a75;font-size:9px}.input-with-status i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#36b981}.system-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #f0f1f4;color:#777f8f;font-size:10px}.system-row strong{color:#646d7b;font-weight:500}.system-row .ok-text{color:#389876}.settings-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;color:#999fac;font-size:9px}.primary-button.small{min-height:30px;padding:0 11px;font-size:10px}.chat-header{display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--line)}.back-button{border:0;background:none;color:#7b65d5;font-size:12px}.back-button span{margin-left:4px}.chat-title{display:flex;align-items:center;gap:9px;flex:1}.chat-title h1{font:700 13px Manrope,sans-serif}.chat-title small{display:block;margin-top:4px;color:#829183;font-size:9px}.chat-title small i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#35b981}.mini{width:30px;height:30px}.chat-body{display:flex;flex:1;min-height:340px;max-height:calc(100vh - 260px);flex-direction:column;gap:14px;overflow:auto;padding:25px 4px}.chat-empty{margin:auto;text-align:center;color:#8f96a4}.chat-empty .brand-mark{margin:0 auto 13px}.chat-empty strong{display:block;color:#4e5666;font:700 14px Manrope,sans-serif}.chat-empty p{font-size:10px}.chat-message{display:flex;align-items:flex-start;gap:9px;max-width:76%}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-bubble{padding:11px 13px;border:1px solid var(--line);border-radius:4px 12px 12px;background:#fff;color:#505766;font-size:11px;line-height:1.55;white-space:pre-wrap}.chat-message.mine .chat-bubble{border-color:#e0dafa;border-radius:12px 4px 12px 12px;background:#f4f1ff;color:#544796}.chat-time{margin-top:5px;color:#a0a6b2;font-size:8px}.chat-message.mine .chat-time{text-align:right}.composer{position:relative;display:flex;align-items:flex-end;gap:9px;margin:10px 0 18px;padding:11px;border:1px solid #e5e6ec;border-radius:11px;background:#fff;box-shadow:0 5px 18px #20243a0b}.composer textarea{flex:1;min-height:24px;max-height:120px;resize:vertical;border:0;outline:0;color:#333a49;font-size:11px;line-height:1.5}.composer textarea::placeholder{color:#a4aab6}.attach-button,.send-button{display:grid;place-items:center;flex:none;width:29px;height:29px;border:0;border-radius:8px;background:#f2f0fb;color:#7c67d9;font-size:18px}.send-button{background:var(--purple);color:#fff;font-size:17px}.composer-hint{position:absolute;bottom:-17px;left:7px;color:#a3a9b4;font-size:8px}.toast{position:fixed;z-index:20;left:50%;bottom:26px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:9px;background:#232838;color:#fff;box-shadow:0 8px 25px #1f233545;font-size:11px;transition:.2s}.toast.show{transform:translate(-50%);opacity:1}@media(min-width:1400px){.main-area{padding-right:max(42px,calc((100vw - 1400px)/2));padding-left:54px}.page{max-width:1260px}}@media(max-width:1050px){.main-area{padding-right:25px;padding-left:25px}.sidebar{width:220px}.main-area{margin-left:220px}.content-grid{grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.stats-grid,.activity-list{gap:10px}}@media(max-width:760px){body{background:#f7f8fa}.sidebar{display:none}.main-area{margin:0;padding:0 18px calc(82px + env(safe-area-inset-bottom));min-height:100svh}.topbar{height:57px;margin:0 -18px;padding:0 18px;background:#f7f8fa}.mobile-brand{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:var(--ink);font:800 17px Manrope,sans-serif;letter-spacing:-.8px}.mobile-brand .brand-mark{width:28px;height:28px;border-radius:9px}.mobile-brand .brand-mark svg{width:22px}.breadcrumb{display:none}.top-actions{gap:9px}.mobile-status{display:flex;align-items:center;gap:5px;color:#4a987b;font-size:9px}.mobile-status i{width:5px;height:5px}.icon-button{width:31px;height:31px;background:transparent}.top-avatar{width:27px;height:27px}.page{padding:24px 0 14px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading.compact{margin-bottom:18px}.page h1{font-size:23px}.eyebrow{font-size:8px}.subheading{font-size:10px;line-height:1.45}.page-heading>.primary-button,.page-heading>.secondary-button{min-height:34px;padding:0 10px;font-size:9px}.status-banner{min-height:64px;padding:10px 11px;gap:10px}.status-orb{width:29px;height:29px;font-size:12px}.status-copy strong{font-size:10px}.status-copy span{font-size:9px}.text-button{max-width:90px;padding:4px;font-size:8px;line-height:1.4}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-card{min-height:117px;padding:11px 10px 9px;border-radius:9px}.stat-top{align-items:flex-start;gap:4px;font-size:9px;line-height:1.25}.stat-icon{width:21px;height:21px;flex:none;font-size:11px}.stat-card>strong{margin-top:9px;font-size:21px}.stat-card>strong em{font-size:11px}.stat-card>small{margin-top:3px;font-size:8px;line-height:1.3}.sparkline{right:9px;bottom:8px;width:49px;height:16px}.agent-dots{margin-top:10px}.agent-dots i{width:12px;height:12px;margin-right:-4px}.agent-dots span{margin-left:7px;font-size:7px;white-space:nowrap}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.panel{padding:14px;border-radius:9px}.panel-heading h2{font-size:12px}.panel-heading p{font-size:9px}.session-list{margin-top:9px}.session-row{min-height:48px;gap:8px}.session-avatar{width:27px;height:27px}.session-name{font-size:9px}.session-preview,.session-time{font-size:8px}.agent-list{margin-top:8px}.agent-row{min-height:40px}.agent-avatar{width:26px;height:26px}.agent-name{font-size:9px}.agent-role,.online-status{font-size:8px}.full-width-button{height:33px}.activity-panel{margin-top:10px}.activity-list{grid-template-columns:1fr;gap:11px;margin-top:13px}.activity-item{align-items:center}.activity-text{font-size:9px}.activity-text small{display:inline;margin:0 0 0 8px}.footer{display:none}.mobile-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:8px 12px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e9ebf0;background:#fffffff7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav button{position:relative;display:flex;min-width:54px;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:9px;background:transparent;color:#959cab}.mobile-nav button>span{font-size:18px;line-height:1}.mobile-nav button small{font-size:8px}.mobile-nav button.active{color:var(--purple)}.mobile-access-icon i{position:absolute;top:7px;right:17px;width:6px;height:6px;border-radius:50%;background:#f18c67;border:1px solid white}.toolbar{gap:7px}.search-box{height:35px}.toolbar select{min-width:103px;font-size:9px}.session-page-panel{padding:4px 10px}.session-list.full .session-row{min-height:62px}.session-list.full .session-name{font-size:10px}.session-list.full .session-preview{font-size:9px}.session-list.full .session-time{margin-top:23px}.agent-cards{grid-template-columns:1fr;gap:9px}.agent-card{padding:14px}.agent-card-desc{margin:11px 0;min-height:0}.review-count{font-size:8px;padding:7px}.access-note{padding:12px;gap:9px}.access-note strong{font-size:10px}.access-note p{font-size:9px}.request-card{align-items:flex-start;gap:9px;padding:12px}.request-avatar{width:31px;height:31px;font-size:11px}.request-info strong{font-size:10px}.request-info span{font-size:8px}.request-reason{font-size:9px;line-height:1.4}.request-actions{flex-direction:column;gap:5px}.approve-button,.deny-button{min-height:29px;padding:0 9px;font-size:9px}.settings-layout{grid-template-columns:1fr;gap:8px}.settings-tabs{display:flex;overflow:auto}.settings-tab{flex:none;padding:0 9px;font-size:9px}.settings-section{padding:15px}.settings-footer{padding:11px 15px}.chat-header{padding:12px 0;gap:10px}.back-button{font-size:10px}.back-button span{display:none}.chat-title h1{font-size:12px}.chat-body{min-height:300px;max-height:calc(100svh - 238px);padding:18px 0}.chat-message{max-width:88%}.chat-bubble{font-size:10px}.composer{margin-top:8px;padding:8px}.composer textarea{font-size:11px}.composer-hint{display:none}.toast{bottom:calc(77px + env(safe-area-inset-bottom));max-width:90vw;text-align:center}}@media(max-width:375px){.main-area{padding-right:13px;padding-left:13px}.topbar{margin-right:-13px;margin-left:-13px;padding-right:13px;padding-left:13px}.mobile-status{font-size:8px}.top-actions{gap:6px}.status-copy span{max-width:160px}.text-button{max-width:72px}.stat-card{padding-right:7px;padding-left:8px}.stat-top{font-size:8px}.agent-dots span{font-size:6px}.session-time{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.preview-label{color:#b27c45;font-size:8px;letter-spacing:.45px;font-weight:700}.demo-dot{background:#e5a760;box-shadow:0 0 0 3px #fff3df}.desktop-status{padding:6px 8px;border-radius:6px;background:#fff3e4;color:#a36e2e;font-size:8px;font-weight:700;letter-spacing:.55px}.desktop-status.connected{background:#e9f8f1;color:#29845f}.mobile-status.preview-status{color:#ad772f}.mobile-status.connected{color:#29845f}.preview-orb{background:#fff1da;color:#b47c32}.preview-connection{position:absolute;top:18px;right:10px;color:#b27c45!important;font-size:9px!important}.connect-panel{margin-bottom:16px;padding:17px 19px}.connect-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.connect-panel-heading>div{display:flex;align-items:flex-start;gap:10px}.connect-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#f0edff;color:#7358e8;font-size:17px}.connect-panel h2{margin:1px 0 0;font:700 13px Manrope,sans-serif}.connect-panel p{margin:5px 0 0;color:#9299a6;font-size:10px;line-height:1.5}.connection-state{display:flex;align-items:center;gap:6px;flex:none;padding:6px 8px;border-radius:15px;background:#f3f4f6;color:#7d8492;font-size:9px}.connection-state i{width:6px;height:6px;border-radius:50%;background:#a3a9b4}.connection-state.connected{background:#e9f8f1;color:#29845f}.connection-state.connected i{background:#35b980}.gateway-form{margin-top:15px;padding-top:12px;border-top:1px solid #f0f1f4}.gateway-form .field-label{margin:0 0 11px}.credential-row{display:grid;grid-template-columns:minmax(140px,.65fr) minmax(0,1.35fr);gap:12px}.credential-row select{display:block;width:100%;height:36px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#515969;font-size:10px}.connect-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}.connect-actions>span{color:#9299a6;font-size:9px;line-height:1.4}.connect-actions .primary-button{min-height:34px;flex:none}.connect-actions .primary-button:disabled{opacity:.65;cursor:wait}.connect-error{margin-top:10px;padding:9px 11px;border:1px solid #f0d7d2;border-radius:7px;background:#fff7f5;color:#ad5c4e;font-size:10px;overflow-wrap:anywhere}.empty-inline{padding:17px 0;color:#9aa1ae;font-size:10px}.online-status i{background:#aeb4bf}.system-row .ok-text{color:#737b89}.system-row .ok-text i{background:#aeb4bf}@media(max-width:760px){.connect-panel{padding:13px}.connect-panel-heading{gap:7px}.connect-panel-heading>div{gap:8px}.connect-panel h2{font-size:12px}.connect-panel p{font-size:9px}.connection-state{padding:6px;font-size:8px}.gateway-form{margin-top:11px;padding-top:10px}.credential-row{grid-template-columns:1fr;gap:0}.connect-actions{align-items:flex-end}.connect-actions>span{max-width:56%;font-size:8px}.connect-actions .primary-button{min-height:34px;font-size:9px}.preview-connection{top:18px}.settings-footer .secondary-button{min-height:28px}.desktop-status{display:none}}.status-banner{border-color:#f0e3c7;background:linear-gradient(100deg,#fffaf0,#fffdf9)}.status-orb{background:#fff1d8;color:#af782e}.status-banner.gateway-online{border-color:#dbf0e5;background:linear-gradient(100deg,#f2fbf6,#fbfdfb)}.status-orb.gateway-online{background:#e2f6ec;color:#259d6e}@media(max-width:760px){.page-heading>.primary-button,.page-heading>.secondary-button{min-height:44px;font-size:11px}.icon-button{width:44px;height:44px}.eyebrow{font-size:10px}.subheading,.status-copy strong{font-size:12px}.status-copy span{font-size:11px}.text-button,.stat-top{font-size:10px}.stat-card>small{font-size:10px}.agent-dots span{font-size:9px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.session-row{min-height:52px}.session-name{font-size:11px}.session-preview{font-size:10px}.session-time{font-size:9px}.agent-row{min-height:44px}.agent-name{font-size:11px}.agent-role,.online-status{font-size:10px}.activity-text{font-size:11px}.mobile-nav button small{font-size:10px}.toolbar select{font-size:11px}.full-width-button{min-height:44px;height:auto}.access-note strong{font-size:12px}.access-note p{font-size:11px}.request-card{min-height:92px}.request-info strong{font-size:12px}.request-info span{font-size:10px}.request-reason{font-size:11px;line-height:1.55;overflow-wrap:anywhere}.request-actions{align-self:stretch;justify-content:center}.approve-button,.deny-button{min-width:84px;min-height:44px;padding:0 11px;font-size:11px}.settings-tab{min-height:44px;font-size:11px}.field-label{font-size:11px}.chat-bubble{font-size:13px}.composer textarea{font-size:16px}.attach-button,.send-button{width:44px;height:44px}}