:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17231c;background:#f5f7f5;line-height:1.5;--green:#08783f;--green-dark:#075b33;--green-soft:#e8f5ed;--ink:#17231c;--muted:#68746d;--border:#dfe5e1;--surface:#fff;--danger:#bd2c35}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{min-height:44px;border:1px solid var(--border);border-radius:10px;padding:9px 14px;background:#fff;color:var(--ink);font-weight:650;cursor:pointer;transition:.15s ease}button:hover:not(:disabled){border-color:#a7b8ae;background:#f8faf8}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #83c9a5;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-dark)}.danger-ghost{color:var(--danger);border-color:#ecc9cc}.danger-ghost:hover:not(:disabled){background:#fff5f5}.icon-button{width:44px;padding:0;display:grid;place-items:center;font-size:1.15rem}.app{min-height:100dvh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#093b27;color:#fff;display:flex;flex-direction:column;padding:22px 14px;z-index:20}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 8px 25px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--green);display:grid;place-items:center;font-size:1.25rem;font-weight:800;box-shadow:0 4px 14px #001c0e33}.brand strong,.brand small,.login-brand strong,.login-brand small{display:block}.brand small{font-size:.65rem;color:#b8d5c5}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#c9ddcf;text-align:left;display:flex;align-items:center;gap:12px;padding:10px 12px}.sidebar nav button:hover,.sidebar nav button[aria-current=page]{background:#ffffff17;color:#fff}.sidebar nav button>span:first-child{width:20px;text-align:center}.nav-label{font-size:.66rem;letter-spacing:.12em;color:#82a793;margin:22px 12px 7px}.nav-badge{margin-left:auto;background:#d9f6e6;color:#075b33;border-radius:999px;padding:1px 7px;font-size:.72rem}.sidebar-footer{margin-top:auto;border-top:1px solid #ffffff1f;padding:18px 6px 0;display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:9px}.sidebar-footer small{display:block;color:#a9c6b5;text-transform:capitalize}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:750}.sidebar-footer .icon-button{border:0;background:transparent;color:#d3e4d9}.main{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 30px;position:sticky;top:0;z-index:10}.topbar h1{font-size:1.35rem;margin:0}.eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.11em;color:#748078;margin:0 0 2px}.top-actions,.button-row,.chat-actions{display:flex;align-items:center;gap:9px}.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:700;background:#f2f4f2;color:#67736b}.status i{width:8px;height:8px;border-radius:50%;background:#98a19b}.status.connected{background:#e8f6ee;color:#08743e}.status.connected i{background:#11a35b}.status.disconnected,.status.error{background:#fff0f0;color:#a52730}.status.disconnected i,.status.error i{background:#d34049}.view{padding:28px 30px;max-width:1500px;margin:auto}.view[hidden],*[hidden]{display:none!important}.welcome{border-radius:18px;padding:27px 30px;background:linear-gradient(115deg,#075b33,#0a8548);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #075b3324}.welcome .eyebrow{color:#aee1c4}.welcome h2{font-size:1.7rem;margin:3px 0}.welcome p{margin:0;color:#d8eee1}.welcome .primary{background:#fff;color:#075b33;border-color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 5px #23382b08}.metric{padding:20px;display:flex;align-items:center;gap:15px}.metric-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-weight:800}.metric-icon.green{background:#e5f5ec;color:#08783f}.metric-icon.blue{background:#ebf2ff;color:#3769bc}.metric-icon.amber{background:#fff3dc;color:#a66b04}.metric small,.metric span{display:block;color:var(--muted);font-size:.76rem}.metric strong{display:block;font-size:1.65rem;line-height:1.1;margin:3px 0}.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px}.panel{padding:21px}.panel-head,.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-head h2,.section-heading h2,.quick h2{margin:0;font-size:1.08rem}.panel-head p{margin:3px 0}.link-button{border:0;color:var(--green);padding:0;min-height:30px;background:transparent}.empty{color:var(--muted);padding:34px 5px}.queue-preview{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0ee}.queue-preview:first-of-type{margin-top:12px}.queue-preview div{flex:1}.queue-preview small{display:block;color:var(--muted)}.pill,.count,.warning{font-size:.72rem;font-weight:750;border-radius:999px;padding:5px 9px;background:#eef2ef;color:#5e6962}.pill.pending{background:#fff3dc;color:#946108}.pill.active{background:#e7f4ec;color:#08713c}.quick>button{display:grid;width:100%;grid-template-columns:40px 1fr auto;text-align:left;align-items:center;gap:10px;margin-top:10px;border:0;background:#f7f9f7}.quick>button>span{width:36px;height:36px;border-radius:10px;background:#e6f3eb;color:var(--green);display:grid;place-items:center}.quick>button small{display:block;color:var(--muted);font-weight:400}.quick>button b{font-size:1.4rem;color:#829087}.inbox-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:0;height:calc(100dvh - 82px);max-width:none;padding:0}.queue-panel{background:#fff;border-right:1px solid var(--border);padding:22px;overflow:auto}.queue-panel ul{list-style:none;margin:16px -10px;padding:0}.queue-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:0;text-align:left}.queue-item[aria-current=true]{background:var(--green-soft)}.queue-item small{display:block;color:var(--muted)}.conversation{background:#f8faf8;min-width:0}.empty-state{height:100%;min-height:380px;display:grid;place-content:center;text-align:center;color:var(--muted);padding:30px}.empty-state>span{font-size:2rem;color:var(--green)}.empty-state h2{color:var(--ink);margin:12px 0 3px}.empty-state p{margin:0}.empty-state.compact{min-height:150px}.chat-head{height:82px;background:#fff;border-bottom:1px solid var(--border);padding:15px 20px;display:flex;align-items:center;gap:12px}.chat-head h2{margin:0;font-size:1rem}.chat-head p{margin:2px 0}.chat-actions{margin-left:auto}.chat-actions button{min-height:38px;padding:7px 10px}.conversation #active-chat{height:100%;display:grid;grid-template-rows:82px 1fr auto}.conversation #messages{overflow:auto}.conversation #reply{padding:16px 20px;background:#fff;border-top:1px solid var(--border)}.composer{display:flex;gap:9px;align-items:flex-end}.composer textarea{min-height:70px}.muted{color:var(--muted)}.section-heading{margin-bottom:20px}.section-heading h2{font-size:1.5rem}.section-heading p{margin:3px 0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:16px;align-items:start}.button-row{flex-wrap:wrap;margin-top:20px}#qr{margin-top:18px}#qr img{display:block;max-width:280px;width:100%;height:auto;border:1px solid var(--border);border-radius:12px;padding:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf0ee}.switch-row span>*{display:block}.switch-row small{color:var(--muted)}input[type=checkbox]{width:42px;height:24px;accent-color:var(--green)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:18px 0}label{font-size:.8rem;font-weight:650;color:#354139}input,textarea,select{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #cbd4ce;border-radius:9px;background:#fff;padding:10px 12px;color:var(--ink)}textarea{resize:vertical;min-height:100px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:15px}.form-footer p{margin:0;color:var(--muted)}.inline-form{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:12px;align-items:end;margin-bottom:16px}.table-wrap{overflow:auto;padding:0}.user-row{min-width:600px;display:grid;grid-template-columns:50px 1.4fr 1fr 1fr auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #edf0ee}.user-row:last-child{border:0}.user-row small{display:block;color:var(--muted)}.password-panel{margin-top:16px;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:14px}.password-panel h2,.password-panel p{margin:0}.kb-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.kb-layout aside p{font-size:.78rem}.kb-layout #knowledge-content{min-height:300px}.warning{background:#fff0d5;color:#8b5b00}.login-shell{min-height:100dvh;display:grid;place-content:center;padding:24px;background:radial-gradient(circle at 15% 10%,#d7efe1,transparent 35%),#f4f7f5}.login-brand{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:20px}.login-brand .brand-mark{background:var(--green);color:#fff}.login-brand small{color:var(--muted)}.login-shell form{width:min(420px,calc(100vw - 32px));padding:30px}.login-shell h1{margin:4px 0;font-size:1.65rem}.login-shell form>.muted{margin:0 0 20px}.login-shell form label{margin-top:11px;display:block}.login-shell form button{width:100%;margin-top:18px}.login-shell form #login-status{min-height:20px;margin:9px 0 0;color:var(--danger);font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#menu-toggle{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.main{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none;box-shadow:15px 0 40px #10261a40}.topbar{padding:12px 18px}.topbar #menu-toggle{display:grid}.view{padding:22px 18px}.settings-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr}.inbox-layout{grid-template-columns:300px minmax(0,1fr);padding:0}.password-panel{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr 1fr}}@media(max-width:640px){.topbar{height:72px}.topbar .eyebrow{display:none}.topbar h1{font-size:1.12rem}.top-actions .status{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view{padding:16px 12px}.welcome{padding:22px;display:block}.welcome .primary{width:100%;margin-top:18px}.metrics{gap:10px}.metric{padding:15px}.overview-grid{gap:10px}.inbox-layout{height:auto;display:block;padding:0}.queue-panel{border-right:0;border-bottom:1px solid var(--border);max-height:40dvh}.conversation{min-height:52dvh}.chat-head{height:auto;align-items:flex-start;flex-wrap:wrap}.chat-actions{width:100%;margin-left:50px;overflow:auto}.conversation #active-chat{grid-template-rows:auto minmax(180px,1fr) auto;min-height:58dvh}.composer{display:block}.composer button{width:100%;margin-top:8px}.field-grid,.kb-layout,.inline-form,.password-panel{grid-template-columns:1fr}.button-row>*{flex:1}.section-heading{align-items:center}.settings-grid{gap:10px}.panel{padding:17px}.form-footer{align-items:stretch;flex-direction:column}.form-footer button{width:100%}.user-row{min-width:520px}.login-shell form{padding:24px}}