:root{--bg:#f5f7f8;--surface:#fff;--text:#172b30;--muted:#7b8c90;--line:#e5ebeb;--green:#087c5b;--green-dark:#065d48;--green-light:#e9f8f0;--shadow:0 5px 28px rgba(15,52,46,.035)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:26px;letter-spacing:-.8px;line-height:1.25;margin-bottom:8px;font-weight:760}h2{font-size:16px;letter-spacing:-.25px;margin-bottom:0}h3{font-size:14px;margin:0 0 4px}p{line-height:1.65}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--green);margin-bottom:8px}.layout{display:flex;min-height:100vh}.sidebar{width:252px;background:#fff;border-right:1px solid var(--line);padding:28px 15px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:680;letter-spacing:-.55px;padding:0 10px}.brand b{color:var(--green)}.brand small{display:block;color:#96a4a8;font-size:9px;font-weight:700;letter-spacing:1.9px;margin-top:1px}.brand-icon{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(140deg,#10a779,#05694d);color:#fff;border-radius:11px;font-size:23px;box-shadow:0 5px 12px rgba(6,124,91,.15)}.workspace-label{font-size:10px;font-weight:800;color:#a3afb2;letter-spacing:1.2px;margin:40px 10px 10px}.workspace{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:11px 9px;margin-bottom:22px}.workspace-avatar{display:grid;place-items:center;background:#dcf3e7;color:#087657;border-radius:9px;font-weight:800;width:35px;height:35px}.workspace-name{font-size:12px;font-weight:750;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-name small{display:block;color:var(--muted);font-size:10px;font-weight:400}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;border-radius:9px;padding:11px 12px;font-size:12px;color:#5f7276;font-weight:620;border:0;background:transparent;width:100%;text-align:left}.nav-item:hover{background:#f4f9f7;color:#066e50}.nav-item.active{background:#e8f6ef;color:#057454;font-weight:760}.nav-icon{font-size:17px;width:19px;text-align:center;line-height:1}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#f0f8f4;border:1px solid #e0f0e7;border-radius:11px;padding:14px;margin:15px 2px}.sidebar-tip b{font-size:12px}.sidebar-tip p{font-size:11px;color:#6b8980;margin:4px 0 0}.logout{color:#aa5555}.main-shell{flex:1;min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.topbar-title{font-weight:750;font-size:15px}.topbar-title small{display:block;color:#a0adaf;font-size:10px;font-weight:400;margin-top:2px}.topbar-right{display:flex;align-items:center;gap:9px}.user-avatar{display:grid;place-items:center;border-radius:50%;background:#dcf3e7;color:#087657;width:36px;height:36px;font-weight:800}.user-avatar.big{width:60px;height:60px;font-size:23px}.topbar-user{font-size:12px;font-weight:700}.topbar-user small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.menu-toggle{display:none;border:0;background:transparent;font-size:22px}.content{max-width:1600px;margin:0 auto;padding:32px 32px 18px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.page-heading p{color:var(--muted);font-size:13px;margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:var(--shadow);min-width:0;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:22px}.panel-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:5px 10px;font-size:10px;font-weight:750;white-space:nowrap}.pill.green{color:#07845c;background:#e7f8ee}.pill.amber{color:#a9761b;background:#fff5df}.pill.red{color:#b94a52;background:#fff0f0}.pill.neutral{color:#66797b;background:#f0f3f4}.dot{width:7px;height:7px;background:currentColor;border-radius:50%}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px}.stat-card small{color:#75898d;font-size:12px;margin-top:8px}.stat-card strong{font-size:30px;line-height:1.4;letter-spacing:-1px}.stat-foot{font-size:11px;color:#a0abad}.stat-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;font-size:19px;font-weight:800}.stat-icon.blue,.blue-bg{background:#e9f2ff;color:#4c83d9}.stat-icon.teal{background:#e4f7ef;color:#15966d}.stat-icon.purple,.violet-bg{background:#f0ecff;color:#8b70ce}.stat-icon.orange{background:#fff1e7;color:#df9553}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.bar-chart{display:flex;align-items:flex-end;gap:18px;height:230px;padding:10px 6px 2px}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:end;flex:1;height:100%;min-width:0}.bar-value{font-size:10px;color:#71868a;margin-bottom:5px}.bar-track{height:160px;width:100%;max-width:48px;background:#f1f6f3;border-radius:8px 8px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#31c59a,#0b8c66);border-radius:7px 7px 0 0;min-height:3px}.bar-col small{font-size:10px;color:#8fa0a3;margin-top:10px}.integration-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f2f3}.integration-list>div:last-child{border-bottom:0}.integration-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;font-size:20px}.green-bg{background:#e6f7ed;color:#0e9267}.integration-list>div>span:nth-child(2){flex:1;min-width:0}.integration-list b{display:block;font-size:12px}.integration-list small{display:block;font-size:11px;color:var(--muted)}.small-note{font-size:11px;color:#94a3a6;margin:12px 0 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#93a1a4;font-size:10px;letter-spacing:.35px;font-weight:760;background:#f8faf9}th,td{padding:13px 12px;border-bottom:1px solid #eff2f2;vertical-align:middle}tr:last-child td{border-bottom:0}td a:hover{color:var(--green)}.long-cell{min-width:220px;max-width:420px}.empty{text-align:center;padding:34px 12px;color:#9aabad;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:10px 15px;font-weight:750;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:var(--green-dark)}.btn.outline{background:#fff;border-color:#dfe7e6;color:#536d6d}.btn.outline:hover{background:#f5faf7}.btn.danger{background:#fff2f2;color:#b9494b}.btn.small{padding:7px 11px;font-size:11px}.btn.wide{width:100%}.subtle-link{color:#07825f;font-size:11px;font-weight:700}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack h3{padding-top:12px;border-top:1px solid var(--line);font-size:13px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#465b5d}.form-stack label small{font-size:10px;color:#97a4a6;font-weight:400}.form-stack input,.form-stack textarea,.search-row input,.compose-form textarea{width:100%;border:1px solid #dce5e3;border-radius:9px;background:#fff;padding:11px 12px;color:var(--text);outline:none;font-size:12px;transition:border .15s,box-shadow .15s}.form-stack input:focus,.form-stack textarea:focus,.search-row input:focus,.compose-form textarea:focus{border-color:#23a47e;box-shadow:0 0 0 3px rgba(18,156,110,.1)}textarea{resize:vertical;min-height:75px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.switch-row{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;background:#f2faf5;padding:14px;border-radius:10px}.switch-row span small{display:block}.switch-row input{width:19px!important;height:19px;accent-color:var(--green)}.secret-state{color:#07855e;font-size:10px;margin-left:5px}.test-box{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.test-box p{font-size:12px}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.alert{border-radius:10px;padding:13px 15px;font-size:12px;margin-bottom:18px}.alert p{margin:0}.alert p+p{margin-top:5px}.alert.success{background:#e7f8ef;border:1px solid #c6ead8;color:#137850}.alert.error{background:#fff0f0;border:1px solid #f6d5d5;color:#ac4747}.alert.warning{background:#fff8e8;border:1px solid #f7e5b9;color:#88631e}.kb-list{max-height:850px;overflow:auto}.kb-item{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:12px}.kb-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.kb-item p{font-size:12px;color:#708488;line-height:1.65;max-height:120px;overflow:auto;white-space:normal;margin:9px 0 12px}.search-row{display:flex;gap:10px;margin-bottom:20px}.search-row input{flex:1}.inbox-layout{display:grid;grid-template-columns:315px 1fr;gap:18px;min-height:600px}.contact-panel,.conversation-panel{padding:0;overflow:hidden}.contact-panel .panel-head{padding:20px;margin:0;border-bottom:1px solid var(--line)}.contact-list{max-height:700px;overflow:auto}.contact-item{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #f2f5f4}.contact-item:hover,.contact-item.selected{background:#edf8f1}.contact-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e2f3eb;color:#087a57;font-size:13px;font-weight:800;flex-shrink:0}.contact-info{flex:1;min-width:0}.contact-info b{display:block;font-size:12px}.contact-info small{display:block;font-size:10px;color:#95a4a5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-dot{height:7px;width:7px;border-radius:50%}.mode-dot.on{background:#15a67a}.mode-dot.off{background:#f1ac49}.conversation-panel{display:flex;flex-direction:column;min-height:610px}.chat-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line)}.large-avatar{width:42px;height:42px}.chat-name{flex:1;min-width:0}.chat-name b{display:block;font-size:13px}.chat-name small{display:block;color:var(--muted);font-size:11px}.inline-form{margin:0}.chat-messages{flex:1;max-height:610px;min-height:300px;overflow:auto;padding:23px 25px;background-color:#f7faf7;background-image:radial-gradient(#e8efea .8px,transparent .8px);background-size:18px 18px}.bubble-wrap{display:flex;margin:9px 0}.bubble-wrap.out{justify-content:flex-end}.bubble{max-width:80%;min-width:100px;border-radius:12px;padding:10px 13px;box-shadow:0 2px 6px rgba(20,52,46,.04)}.bubble.incoming{background:#fff;border-bottom-left-radius:3px}.bubble.outgoing{background:#d9f5e6;border-bottom-right-radius:3px}.bubble-body{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.65}.bubble-meta{text-align:right;font-size:9px;color:#829995;margin-top:5px}.chat-compose{padding:15px 18px;border-top:1px solid var(--line)}.chat-compose .alert{margin-bottom:10px}.compose-form{display:flex;gap:10px;align-items:flex-end}.compose-form textarea{flex:1;min-height:55px}.conversation-empty{margin:auto}.account-card{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.account-card p{margin:0}.narrow-panel{max-width:580px}.help-panel{max-width:850px}.help-panel h2{margin:22px 0 7px;color:#0a7154}.help-panel h2:first-child{margin-top:0}.help-panel p{font-size:13px;color:#647c80}.help-panel a{color:#068b66;text-decoration:underline}.code-box{background:#102e2b;color:#c7f5df;padding:16px;border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;overflow:auto;word-break:break-all;margin:12px 0}.footer{display:flex;justify-content:space-between;gap:10px;color:#a0acae;font-size:10px;padding:8px 0 14px}.login-page,.installer-page{min-height:100vh;background:radial-gradient(circle at 15% 20%,#d8f3e7,transparent 34%),radial-gradient(circle at 85% 80%,#e8f1f2,transparent 40%),#f6f9f8}.login-wrap{width:min(100% - 28px,445px);margin:0 auto;padding:85px 0 40px}.brand.large{justify-content:center;margin-bottom:30px;font-size:22px}.brand.large .brand-icon{width:48px;height:48px;font-size:30px}.brand.large small{font-size:10px}.login-panel{padding:34px}.login-panel h1{font-size:25px}.login-panel>p{font-size:12px;margin-bottom:24px}.login-foot{text-align:center;color:#97a9aa;font-size:11px}.installer-wrap{width:min(100% - 28px,680px);margin:0 auto;padding:40px 0}.install-panel{padding:30px}.install-panel>p{font-size:12px}.requirements{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.requirement{font-size:10px;border-radius:30px;padding:5px 9px;background:#eaf8ef;color:#1b835d}.requirement.bad{background:#ffeaea;color:#b34c4c}.success-icon{width:65px;height:65px;border-radius:50%;background:#e5f8ee;color:#0a8e63;display:grid;place-items:center;font-size:35px;margin:0 0 18px}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.settings-grid{grid-template-columns:1fr}.content{padding:24px}.inbox-layout{grid-template-columns:260px 1fr}}@media(max-width:800px){.sidebar{position:fixed;left:-270px;transition:left .2s;box-shadow:0 20px 40px rgba(0,0,0,.12)}.sidebar.open{left:0}.menu-toggle{display:block}.topbar{padding:0 17px;height:65px;justify-content:flex-start}.topbar-right{margin-left:auto}.topbar-user{display:none}.content{padding:18px}.inbox-layout{grid-template-columns:1fr}.contact-list{max-height:230px}.conversation-panel{min-height:550px}.chat-messages{max-height:430px}.page-heading{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}.stat-grid{gap:10px}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-card strong{font-size:25px}.stat-card small{font-size:11px}.form-grid{grid-template-columns:1fr}.panel{padding:17px}.contact-panel,.conversation-panel{padding:0}.page-heading h1{font-size:23px}.chat-head{flex-wrap:wrap}.chat-head .inline-form{margin-left:auto}.bubble{max-width:93%}.login-wrap{padding-top:45px}}

.kb-edit{border-top:1px solid #edf1ef;margin:10px 0;padding-top:9px}.kb-edit summary{font-size:11px;font-weight:750;color:#087c5b;cursor:pointer;margin-bottom:9px}.kb-edit .form-stack{gap:10px;margin-bottom:12px}