:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17322d;background:#f3f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--green-950: #08231e;--green-900: #0f2f28;--green-800: #17443a;--green-600: #16a36f;--green-500: #21c985;--green-100: #dff7ec;--ink: #17322d;--muted: #6f827d;--line: #dfe9e5;--paper: #ffffff;--danger: #b42318;--danger-bg: #fef3f2;--success: #087a50;--success-bg: #e9fbf3;--shadow: 0 18px 45px rgba(21, 58, 49, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f7f5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;background:var(--green-950);color:#fff}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#083027;background:linear-gradient(145deg,#59f0ac,#1cc47f);box-shadow:0 12px 30px #20c88440}.brand-mark.large{width:62px;height:62px;border-radius:19px}.eyebrow{margin:0 0 9px;color:var(--green-600);font-size:.77rem;line-height:1;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.grow{min-width:0;flex:1}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(440px,.9fr)}.login-brand-panel{padding:clamp(48px,8vw,120px);color:#fff;background:radial-gradient(circle at 18% 15%,rgba(44,224,148,.2),transparent 30%),linear-gradient(145deg,#071f1b,#113e34 68%,#0d2b25);display:flex;flex-direction:column;justify-content:center}.login-brand-panel .brand-mark{margin-bottom:36px}.login-brand-panel .eyebrow{color:#70edb8}.login-brand-panel h1{max-width:720px;margin-bottom:24px;font-size:clamp(2.7rem,5vw,5.3rem);line-height:.98;letter-spacing:-.06em}.login-brand-panel>p:not(.eyebrow){max-width:650px;color:#c3d8d2;font-size:1.13rem;line-height:1.75}.login-points{display:grid;gap:13px;margin-top:32px}.login-points span{display:flex;align-items:center;gap:10px;color:#e4f1ed}.login-points svg{color:#54e6a7}.login-card-wrap{padding:40px;display:grid;place-items:center;background:#f6faf8}.login-card{width:min(100%,450px);padding:42px;border:1px solid #e1ebe7;border-radius:26px;background:#fff;box-shadow:var(--shadow)}.login-card h2{margin-bottom:9px;font-size:2rem;letter-spacing:-.035em}.login-card label,.inline-form label,.new-message-fields label{display:grid;gap:8px;margin-top:22px;color:#354d47;font-size:.88rem;font-weight:750}input,textarea,select{width:100%;border:1px solid #d7e4df;border-radius:12px;outline:none;color:#17322d;background:#fff;transition:.18s ease}input,select{height:48px;padding:0 14px}textarea{padding:13px 15px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#29b87e;box-shadow:0 0 0 4px #21c9851f}.login-card small{display:block;margin-top:20px;color:#7f918c;text-align:center}.mobile-logo{display:none;align-items:center;gap:12px;margin-bottom:35px;font-size:1.25rem}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:11px;font-size:.88rem;font-weight:780;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#082b23;background:linear-gradient(135deg,#59e9ac,#23c987);box-shadow:0 9px 18px #23c9872b}.button.secondary{color:#24433b;background:#edf4f1}.button.wide{width:100%;margin-top:28px;min-height:50px}.alert{margin-bottom:18px;padding:13px 16px;border-radius:12px;font-size:.9rem}.alert.error{color:var(--danger);background:var(--danger-bg);border:1px solid #fecdca}.alert.success{color:var(--success);background:var(--success-bg);border:1px solid #b7eed5}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:258px;padding:24px 17px 18px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,#09251f,#0d332b);box-shadow:14px 0 45px #08231e1f}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.sidebar-brand strong{display:block;font-size:1.25rem;letter-spacing:-.025em}.sidebar-brand span{display:block;margin-top:2px;color:#8ab0a5;font-size:.69rem;text-transform:uppercase;letter-spacing:.12em}.sidebar nav{display:grid;gap:5px}.sidebar nav a{min-height:47px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:11px;color:#a9c1ba;font-size:.91rem;font-weight:690}.sidebar nav a:hover{color:#fff;background:#ffffff0e}.sidebar nav a.active{color:#09271f;background:linear-gradient(135deg,#5ae7ad,#29c98b);box-shadow:0 10px 22px #1dc4822e}.sidebar-foot{margin-top:auto}.org-pill{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.org-pill strong,.org-pill span{display:block}.org-pill strong{font-size:.83rem}.org-pill span{margin-top:3px;color:#85a99f;font-size:.67rem;text-transform:uppercase}.sidebar-logout{width:100%;min-height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;border:0;border-radius:10px;color:#9ebbb3;background:transparent}.sidebar-logout:hover{color:#fff;background:#ffffff0d}.sidebar-overlay{display:none}.main-panel{width:calc(100% - 258px);min-height:100vh;margin-left:258px}.topbar{position:sticky;top:0;z-index:20;height:76px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid #e2ebe7;background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-kicker{margin:0 0 2px;color:#869791;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.user-chip{margin-left:auto;display:flex;align-items:center;gap:10px;color:#355048}.user-chip strong,.user-chip span{display:block}.user-chip strong{font-size:.84rem}.user-chip span{margin-top:2px;color:#80918c;font-size:.71rem}.menu-button{display:none;margin-right:13px;width:39px;height:39px;place-items:center;border:0;border-radius:10px;color:#163d33;background:#eaf3ef}.page-container{max-width:1520px;margin:auto;padding:34px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:25px}.page-heading h1{margin-bottom:8px;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.045em}.page-heading>div>p:last-child{max-width:720px;margin:0;color:var(--muted);line-height:1.55}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{padding:21px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 9px 28px #1e43390b}.metric-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#08754f;background:var(--green-100)}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#72847f;font-size:.78rem;font-weight:690}.metric-card strong{margin:3px 0 2px;color:#16352d;font-size:1.7rem;line-height:1}.metric-card small{color:#97a49f;font-size:.7rem}.panel-card{margin-bottom:20px;padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 9px 28px #1e43390b}.panel-card.compact{padding-bottom:25px}.panel-card h2,.section-title h2{margin-bottom:5px;font-size:1.08rem;letter-spacing:-.02em}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-title p{margin:0;color:var(--muted);font-size:.83rem}.table-list{display:grid}.table-row{min-height:66px;display:flex;align-items:center;gap:13px;border-top:1px solid #edf2f0}.table-row:first-child{border-top:0}.table-row strong,.table-row span{display:block}.table-row .grow span{max-width:550px;margin-top:4px;overflow:hidden;color:#788a85;font-size:.78rem;white-space:nowrap;text-overflow:ellipsis}.table-row time{color:#899993;font-size:.73rem}.avatar{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#10684c;background:#dcf6ea;font-size:.82rem;font-weight:800}.tag{padding:5px 9px;border-radius:999px;color:#527069;background:#eef4f2;font-size:.69rem;font-weight:700}.counter{min-width:21px;height:21px;display:grid;place-items:center;padding:0 6px;border-radius:999px;color:#062c22;background:#4ce0a3;font-size:.69rem}.inline-form{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:end;gap:12px}.inline-form label{margin:0}.inline-form label span{display:block}.instance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.instance-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 9px 28px #1e43390b}.instance-top{display:flex;align-items:center;gap:13px}.instance-avatar{flex:none;width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:14px;color:#13835b;background:#e3f7ee}.instance-avatar img{width:100%;height:100%;object-fit:cover}.instance-card h3{margin:0 0 3px;font-size:1.04rem}.instance-card p{margin:0;color:#82928d;font-size:.77rem}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase}.status-badge.connected{color:#08764f;background:#dcf8eb}.status-badge.offline{color:#8e463e;background:#fff0ee}.instance-card dl{margin:21px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.instance-card dl div{min-width:0;padding:12px;border-radius:11px;background:#f6f9f8}dt{color:#899a95;font-size:.67rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}dd{margin:5px 0 0;overflow:hidden;color:#2c4841;font-size:.79rem;font-weight:720;white-space:nowrap;text-overflow:ellipsis}.card-actions{display:flex;justify-content:flex-end;gap:9px}.loading{min-height:130px;display:flex;justify-content:center;align-items:center;gap:9px;grid-column:1 / -1;color:#70857f}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#6d817b;text-align:center}.empty-state strong{color:#294a41}.empty-state p{max-width:390px;margin:7px 0 0;font-size:.83rem;line-height:1.5}.empty-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:13px;border-radius:16px;color:#1a9165;background:#e2f7ed}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:20px;display:grid;place-items:center;background:#031410a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{position:relative;width:min(100%,440px);padding:33px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 30px 80px #0003}.modal p:not(.eyebrow){color:var(--muted)}.modal-close{position:absolute;top:13px;right:13px;width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:10px;color:#536b64;background:#eef4f2}.qr-image{width:min(100%,300px);margin-top:12px}.inbox-shell{min-height:calc(100vh - 190px);display:grid;grid-template-columns:350px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.conversation-list{min-height:600px;border-right:1px solid var(--line);background:#fcfefd}.conversation-list-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--line)}.conversation-list-head strong,.conversation-list-head span{display:block}.conversation-list-head span{margin-top:3px;color:#8b9b96;font-size:.7rem}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;color:#126849;background:#e5f6ef}.conversation-item{width:100%;min-height:79px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:0;border-bottom:1px solid #edf2f0;color:#243f38;background:transparent;text-align:left}.conversation-item:hover,.conversation-item.selected{background:#eef9f4}.conversation-item .grow>div{display:flex;justify-content:space-between;gap:8px}.conversation-item time{color:#8da09a;font-size:.65rem;font-weight:500}.conversation-item p{margin:4px 0;overflow:hidden;color:#778a84;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.conversation-item small{color:#9aa9a5;font-size:.65rem}.chat-panel{min-width:0;display:flex;flex-direction:column;background:#f3f8f6}.chat-header{min-height:68px;display:flex;align-items:center;gap:11px;padding:0 19px;border-bottom:1px solid var(--line);background:#fff}.chat-header strong,.chat-header span{display:block}.chat-header span{margin-top:3px;color:#83958f;font-size:.72rem}.messages-area{flex:1;min-height:440px;max-height:calc(100vh - 335px);padding:24px;display:flex;flex-direction:column;gap:9px;overflow:auto;background-image:radial-gradient(#dce9e4 1px,transparent 1px);background-size:20px 20px}.message-bubble{max-width:min(75%,660px);padding:11px 13px 8px;border-radius:13px;box-shadow:0 5px 15px #1e463a0f}.message-bubble.inbound{align-self:flex-start;border-bottom-left-radius:4px;background:#fff}.message-bubble.outbound{align-self:flex-end;border-bottom-right-radius:4px;background:#c9f5df}.message-bubble p{margin:0 0 5px;color:#1d3c34;font-size:.88rem;line-height:1.5;white-space:pre-wrap}.message-bubble small{display:block;color:#70857f;font-size:.62rem;text-align:right}.new-message{flex:1;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.new-message>p{color:var(--muted)}.new-message-fields{width:min(100%,520px);display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.message-composer{display:flex;align-items:flex-end;gap:10px;padding:13px;border-top:1px solid var(--line);background:#fff}.message-composer textarea{min-height:46px;max-height:120px;resize:none}.message-composer .button{min-height:46px}.settings-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.settings-list{margin:18px 0 0;display:grid}.settings-list div{padding:15px 0;border-top:1px solid #edf2f0}.settings-list div:first-child{border-top:0}.settings-list dd{white-space:normal}.security-note{display:flex;gap:12px;padding:17px 0;border-top:1px solid #edf2f0}.security-note:first-of-type{margin-top:10px;border-top:0}.security-note svg{flex:none;color:#16a36f}.security-note strong{display:block;margin-bottom:5px}.security-note p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.instance-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:.9fr 1.1fr}.login-brand-panel{padding:55px}.login-brand-panel h1{font-size:3.3rem}}@media(max-width:900px){.sidebar{transform:translate(-105%);transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;border:0;background:#0519147a}.main-panel{width:100%;margin-left:0}.menu-button{display:grid}.topbar{padding:0 20px}.page-container{padding:24px 20px}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-logo{display:flex}.login-card-wrap{min-height:100vh}.inbox-shell{grid-template-columns:310px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr}}@media(max-width:690px){.page-heading{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr}.user-chip div{display:none}.page-container{padding:20px 13px}.panel-card,.instance-card{padding:18px}.inline-form,.instance-card dl{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions .button{width:100%}.inbox-shell{display:block;min-height:auto}.conversation-list{min-height:300px;max-height:390px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.chat-panel{min-height:540px}.new-message-fields{grid-template-columns:1fr}.message-composer{align-items:stretch;flex-direction:column}.message-composer .button{width:100%}.login-card-wrap{padding:16px}.login-card{padding:28px 21px;border-radius:20px}.table-row .tag,.table-row time{display:none}}