:root{--night:#0c1725;--night2:#13243a;--mint:#74e6c3;--mint-dark:#145d4f;--paper:#f4f6f5;--white:#fff;--ink:#16232a;--muted:#6d7c83;--line:#e0e7e4;--soft:#edf2ef;--danger:#be4f4c;--shadow:0 18px 50px rgba(16,38,30,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.subtle{color:var(--muted)}.overline{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--mint)}:focus-visible{outline:3px solid #27aa86;outline-offset:3px}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 17px;border-radius:10px;font-weight:720;transition:background .18s ease,transform .18s ease}.primary-button{border:1px solid var(--mint);background:var(--mint);color:#0c2a23}.primary-button:hover{background:#8df1d0;transform:translateY(-1px)}.secondary-button{border:1px solid #d4dfd9;background:#fff;color:var(--ink)}.secondary-button:hover{background:#f7faf8}.text-button{border:0;background:none;color:var(--mint-dark)}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:420px;padding:13px 18px;border-radius:12px;background:#17372f;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.auth-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(400px,1.1fr);min-height:100vh}.auth-brand{display:flex;flex-direction:column;padding:46px clamp(32px,5vw,84px);color:#fff;background:radial-gradient(circle at 20% 35%,#173e3b,transparent 42%),linear-gradient(145deg,#0e2030,#0a1321 70%)}.auth-brand-copy{margin:auto 0}.auth-brand h1{margin:18px 0 18px;font-size:clamp(39px,4vw,64px);line-height:1.04;letter-spacing:-.055em}.auth-brand p{max-width:450px;color:#a9bac0;font-size:18px;line-height:1.6}.auth-brand-foot{color:#82999c;font-size:13px}.auth-main{display:grid;place-items:center;padding:40px}.auth-card{width:min(100%,470px);padding:42px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:var(--shadow)}.auth-top{display:flex;justify-content:space-between;gap:15px;color:#82908e;font-size:13px}.auth-top a{color:var(--mint-dark);font-weight:700}.auth-switch{display:flex;gap:22px;margin-top:56px;border-bottom:1px solid var(--line)}.auth-switch button{padding:0 0 14px;border:0;border-bottom:2px solid transparent;background:none;color:#8a9796;font-weight:700}.auth-switch button.active{color:var(--ink);border-bottom-color:#1bb089}.auth-card h2{margin:34px 0 5px;font-size:34px;letter-spacing:-.04em}.auth-card>.subtle{margin:0 0 28px}.field{display:grid;gap:8px;margin:0 0 19px;font-size:13px;font-weight:720}.field input,.field select,.field textarea,.search-input{width:100%;min-height:45px;padding:10px 12px;border:1px solid #d6e0dc;border-radius:10px;background:#fff;color:var(--ink);outline:0}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:#44bc99;box-shadow:0 0 0 3px rgba(68,188,153,.12)}.field textarea{min-height:98px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a1adaa}.auth-submit{width:100%;margin-top:8px}.auth-submit span{margin-left:auto}.auth-hint{margin:24px 0 0;color:#87938f;font-size:12px;line-height:1.55}.form-error{margin:16px 0 0;color:var(--danger);font-size:13px}.workspace{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:27px 15px;background:var(--night);color:#d2e0e4}.sidebar-brand{padding:2px 15px 28px}.sidebar-brand img{display:block}.workspace-name{display:flex;align-items:center;gap:10px;padding:13px 12px;margin:0 0 28px;border:1px solid #2a3c4b;border-radius:12px;background:rgba(255,255,255,.035)}.workspace-name>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#2c7f72;color:#fff;font-weight:800}.workspace-name strong,.workspace-name small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-name strong{font-size:13px}.workspace-name small{color:#8598a2;font-size:10px}.side-nav{display:grid;gap:4px}.side-nav button{display:flex;align-items:center;gap:13px;width:100%;min-height:43px;padding:10px 13px;border:0;border-radius:10px;background:transparent;color:#9aabb5;text-align:left;font-weight:650}.side-nav button:hover{background:#1a2b3b;color:#fff}.side-nav button.active{background:#233e42;color:#97f2d2}.nav-icon{width:18px;font-size:18px;font-weight:400;text-align:center}.nav-count{margin-left:auto;padding:1px 7px;border-radius:20px;background:#316a63;color:#fff;font-size:11px}.sidebar-footer{margin-top:auto}.server-status{display:flex;align-items:flex-start;gap:10px;padding:15px 12px;border-top:1px solid #243447}.status-dot{width:8px;height:8px;flex:0 0 8px;margin-top:5px;border-radius:50%;background:#f0b65b}.server-status strong,.server-status small{display:block}.server-status strong{font-size:12px}.server-status small{color:#8b9fac;font-size:11px}.logout{display:flex;justify-content:space-between;width:100%;padding:13px 12px;border:0;background:none;color:#94a7b1;font-size:12px;text-align:left}.logout:hover{color:#fff}.workspace-main{min-width:0}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:75px;padding:0 clamp(20px,3vw,44px);border-bottom:1px solid var(--line);background:#fff}.breadcrumbs,.top-actions,.user-chip{display:flex;align-items:center;gap:12px}.breadcrumbs{color:#7b898a;font-size:13px}.breadcrumbs strong{color:var(--ink)}.crumb-sep{color:#c7d0cc}.top-actions{gap:20px}.role-chip{padding:5px 10px;border-radius:30px;background:#e8f7ee;color:#25775c;font-size:11px;font-weight:750}.top-actions .icon-button{position:relative;border:0;background:none}.top-actions .icon-button i{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:#f08772}.user-chip{padding-left:18px;border-left:1px solid var(--line)}.user-chip>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#d0e8df;color:#275c4e;font-size:13px;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{color:#8b9695;font-size:11px}.view-root{max-width:1530px;margin:0 auto;padding:37px clamp(20px,3vw,44px) 70px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.page-head h1{margin:4px 0 6px;font-size:clamp(29px,2.5vw,39px);letter-spacing:-.045em;line-height:1.1}.page-head p{margin:0;color:var(--muted);font-size:14px}.eyebrow{color:#33856d;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.page-actions{display:flex;gap:8px}.panel{border:1px solid var(--line);border-radius:15px;background:#fff}.panel-pad{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:17px;letter-spacing:-.025em}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{min-height:135px;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff}.metric>span{color:#738180;font-size:12px;font-weight:650}.metric strong{display:block;margin:12px 0 7px;font-size:31px;line-height:1;letter-spacing:-.055em}.metric small{color:#99a5a2;font-size:11px}.metric.balance{background:#102e31;color:#fff;border-color:#102e31}.metric.balance>span,.metric.balance small{color:#a5c8bf}.metric.balance strong{color:#99efd1}.overview-bottom{display:grid;grid-template-columns:1.25fr .75fr;gap:13px;margin-top:13px}.empty{display:grid;justify-items:center;align-content:center;min-height:220px;padding:32px;text-align:center}.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:15px;background:#eef7f2;color:#278e70;font-size:23px}.empty h3{margin:0 0 5px;font-size:17px}.empty p{max-width:400px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.empty .primary-button,.empty .secondary-button{margin-top:19px}.setup-steps{display:grid;gap:0;padding:4px 22px}.setup-step{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.setup-step:last-child{border-bottom:0}.step-num{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ccdad2;border-radius:9px;color:#5d8979;font-size:11px;font-weight:800}.setup-step strong{display:block;font-size:13px}.setup-step small{display:block;color:var(--muted);font-size:11px}.notice{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:15px 18px;border:1px solid #dbebdf;border-radius:12px;background:#eff8f0;color:#366350;font-size:13px}.notice strong{display:block;color:#204d3d}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:15px 20px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#87938f;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.table td{font-size:13px}.table tr:last-child td{border-bottom:0}.table-wrap{overflow-x:auto}.person-cell{display:flex;align-items:center;gap:9px;font-weight:700}.person-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e4efe8;color:#386e5b;font-size:11px;font-weight:800}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:#eef5f1;color:#437b64;font-size:11px;font-weight:750}.badge.muted{background:#f1f3f3;color:#7c8988}.badge.warning{background:#fff4df;color:#986f24}.channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.channel-card{display:flex;align-items:flex-start;gap:15px;padding:19px;border:1px solid var(--line);border-radius:13px;background:#fff}.channel-logo{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:12px;background:#e6f3ee;color:#217a62;font-size:16px;font-weight:850}.channel-card h3{margin:0;font-size:15px}.channel-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.channel-card .badge{margin-left:auto;white-space:nowrap}.channel-card .channel-error{display:block;max-width:260px;margin-top:7px;color:#a26a5e;font-size:11px;line-height:1.4}.channel-card .channel-check{align-self:flex-end;min-height:30px;padding:5px 8px;font-size:11px;white-space:nowrap}.tabs{display:flex;gap:22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.tabs button{padding:11px 0;border:0;border-bottom:2px solid transparent;background:none;color:#7e8d8a;font-size:13px;font-weight:700}.tabs button.active{border-bottom-color:#189c7a;color:var(--ink)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:0}.settings-row h3{margin:0;font-size:14px}.settings-row p{margin:3px 0 0;color:var(--muted);font-size:12px}.chat-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(360px,1fr) minmax(200px,250px);height:min(720px,calc(100vh - 200px));min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff}.chat-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}.chat-list-head{padding:17px;border-bottom:1px solid var(--line)}.chat-list-head strong{display:block;margin-bottom:10px;font-size:14px}.chat-list-items{overflow-y:auto;flex:1}.chat-list-item{display:block;width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.chat-list-item:hover,.chat-list-item.selected{background:#f1f7f3}.chat-list-item strong,.chat-list-item small{display:block}.chat-list-item strong{font-size:13px}.chat-list-item small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chat-list-item span{display:inline-block;margin-top:6px;color:#258361;font-size:10px}.chat-thread{display:flex;flex-direction:column;min-width:0}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line)}.thread-head strong{font-size:14px}.thread-messages{display:flex;flex:1;flex-direction:column;gap:11px;overflow-y:auto;padding:22px;background:#fbfcfb}.thread-bubble{align-self:flex-start;max-width:78%;padding:10px 12px;border-radius:11px;background:#e9f0ed;font-size:13px}.thread-bubble.outbound{align-self:flex-end;background:#d9f4e8}.thread-bubble time{display:block;margin-top:5px;color:#8a9993;font-size:10px;text-align:right}.composer{display:flex;align-items:end;gap:8px;padding:13px;border-top:1px solid var(--line)}.composer textarea{flex:1;min-height:42px;max-height:120px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;resize:vertical}.chat-info{padding:20px;border-left:1px solid var(--line)}.chat-info h3{margin:0 0 17px;font-size:14px}.chat-info dl{margin:0}.chat-info dt{margin-top:18px;color:#8a9894;font-size:11px}.chat-info dd{margin:4px 0 0;font-size:13px}.chat-info .secondary-button{width:100%;margin-top:22px;font-size:12px}.chat-mobile-back{display:none}.mobile-nav,.mobile-only{display:none}dialog{width:min(100% - 30px,460px);max-height:calc(100vh - 40px);overflow:auto;padding:26px;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.18)}dialog::backdrop{background:rgba(10,25,31,.5);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-heading h2{margin:0;font-size:23px;letter-spacing:-.04em}.modal-heading .icon-button{width:34px;height:34px;border:0;background:#f0f3f1;font-size:23px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-info{padding:13px;border-radius:10px;background:#eff7f2;color:#476857;font-size:12px}.modal-help{color:var(--muted);font-size:12px;line-height:1.55}.checkbox-list{display:grid;gap:9px;margin:10px 0 19px}.checkbox-list label{display:flex;align-items:center;gap:8px;font-size:13px}@media(max-width:1180px){.overview-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:260px minmax(300px,1fr)}.chat-info{display:none}}@media(max-width:900px){.workspace{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.sidebar-brand{overflow:hidden;width:57px;padding:4px 2px 25px}.sidebar-brand img{max-width:none}.workspace-name{justify-content:center;padding:9px}.workspace-name div,.side-nav button:not(.active) .nav-count,.side-nav button{font-size:0}.side-nav button{justify-content:center;padding:9px}.side-nav .nav-icon{font-size:20px}.sidebar-footer .server-status div,.logout{display:none}.server-status{justify-content:center}.overview-bottom{grid-template-columns:1fr}}@media(max-width:700px){.auth-layout{grid-template-columns:1fr}.auth-brand{min-height:210px;padding:25px 24px}.auth-brand-copy{margin:30px 0 0}.auth-brand h1{font-size:30px}.auth-brand p,.auth-brand-foot{display:none}.auth-main{padding:20px 16px 50px;place-items:start center}.auth-card{padding:24px;border-radius:16px}.auth-switch{margin-top:32px}.workspace{display:block}.sidebar{position:fixed;z-index:40;top:0;left:0;width:260px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.sidebar .workspace-name div,.sidebar .server-status div,.sidebar .logout{display:block}.sidebar .side-nav button{justify-content:flex-start;font-size:14px}.sidebar-brand{width:auto}.workspace-top{min-height:62px;padding:0 16px}.mobile-only{display:grid}.breadcrumbs{gap:8px}.role-chip,.user-chip{display:none}.top-actions{gap:2px}.view-root{padding:26px 16px 95px}.page-head{align-items:flex-start;flex-direction:column;gap:14px}.page-actions{width:100%}.page-actions button{flex:1}.overview-grid{gap:8px}.metric{min-height:118px;padding:16px}.metric strong{font-size:27px}.channels-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:69px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff}.mobile-nav button{display:grid;justify-items:center;align-content:center;gap:1px;border:0;background:none;color:#8a9993;font-size:10px}.mobile-nav button span{font-size:20px}.mobile-nav button.active{color:#238869}.chat-layout{display:block;height:calc(100dvh - 200px);min-height:490px}.chat-list{height:100%;border-right:0}.chat-thread{height:100%}.chat-layout.thread-open .chat-list{display:none}.chat-layout:not(.thread-open) .chat-thread{display:none}.chat-mobile-back{display:grid}.chat-info{display:none}.table th,.table td{padding:12px}.table td{white-space:nowrap}dialog{padding:20px}.toast{right:14px;left:14px;bottom:80px;max-width:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}