:root{color:#1a2722;font-synthesis:none;--green:#156b4b;--green-dark:#0e4f38;--ink:#14231d;--muted:#6c7d75;--line:#dfe6e2;--paper:#fff;--red:#a53b36;--blue:#386c98;background:#f3f6f4;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}code,pre{font-family:SFMono-Regular,Consolas,ui-monospace,monospace}h1,h2,h3,p{margin-top:0}.login-page{background:radial-gradient(circle at 15% 30%,#b8dccb 0,#0000 30%),linear-gradient(135deg,#10291f 0 48%,#eef3f0 48%);grid-template-columns:1fr minmax(380px,560px);align-items:center;gap:8vw;min-height:100vh;padding:7vw;display:grid}.login-brand,.brand{color:#fff;align-items:center;gap:.75rem;display:flex}.login-brand strong,.brand strong{font-size:1.1rem;display:block}.login-brand small,.brand small{opacity:.65;display:block}.brand-mark{color:#143822;background:#d9f36a;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:800;display:grid}.login-card{background:#fff;border:1px solid #dbe4df;border-radius:26px;padding:clamp(2rem,5vw,4.5rem);box-shadow:0 30px 90px #0a2a1d25}.login-card h1{letter-spacing:-.065em;max-width:440px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.98}.login-card>p:not(.kicker){color:var(--muted);margin:1.5rem 0 2rem;line-height:1.65}.login-card label{color:var(--muted);gap:.45rem;font-size:.82rem;display:grid}.login-card label+label{margin-top:.8rem}.login-card button{width:100%;margin-top:1rem}.login-error{background:#fff0ee;border-radius:8px;padding:.7rem;color:var(--red)!important}.portal{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}.portal>aside{color:#d9e5df;background:#10261e;flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand{padding:.25rem .55rem 1.8rem}.portal nav{gap:.25rem;display:grid}.portal nav button{color:#aebdb6;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:.8rem;width:100%;padding:.75rem;font-weight:600;display:flex}.portal nav button span{color:#79988a;border:1px solid #ffffff18;border-radius:8px;place-items:center;width:29px;height:29px;font:500 .65rem SFMono-Regular,Consolas,ui-monospace,monospace;display:grid}.portal nav button:hover{color:#fff;background:#ffffff0a}.portal nav button.selected{color:#fff;background:#234437}.portal nav button.selected span{color:#153b28;background:#d9f36a;border-color:#0000}.node-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:.65rem;margin-top:auto;padding:.85rem;display:flex}.node-card strong,.node-card small{display:block}.node-card small{color:#83978e;margin-top:.15rem;font:.67rem SFMono-Regular,Consolas,ui-monospace,monospace}.pulse{background:#a66;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #a662}.pulse.online{background:#6fd497;box-shadow:0 0 0 5px #6fd49722}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:105px;padding:1.5rem clamp(1.25rem,4vw,3.5rem);display:flex}.topbar h1{letter-spacing:-.045em;margin:.1rem 0 0;font-size:clamp(1.65rem,3vw,2.3rem)}.kicker{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.top-actions,.live-indicator{align-items:center;gap:.8rem;display:flex}.user-chip{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.live-indicator{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.45rem .7rem;font-size:.76rem;font-weight:600}.live-indicator i{background:#bd7a76;border-radius:50%;width:7px;height:7px}.live-indicator i.online{background:#38a66e;box-shadow:0 0 0 4px #38a66e18}.content{padding:clamp(1.25rem,3vw,2.5rem) clamp(1.25rem,4vw,3.5rem) 4rem}.notice{color:#8e312d;background:#fff3f1;border:1px solid #efc7c2;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;margin:1rem clamp(1.25rem,4vw,3.5rem) 0;padding:.75rem 1rem;display:flex}.notice button{color:inherit;background:0 0;border:0;padding:.3rem .55rem}.loading-line{z-index:20;background:linear-gradient(90deg,#0000,#62bd8e,#0000);width:calc(100% - 245px);height:2px;animation:1.2s infinite loading;position:fixed;top:104px;left:245px}@keyframes loading{0%{transform:translate(-50%)}to{transform:translate(50%)}}button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:9px;padding:.67rem .9rem;font-weight:650}button:hover{filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.45}button.secondary{color:var(--green-dark);background:#eef5f1;border-color:#d5e6dd}button.danger{background:#a64640;border-color:#a64640}button.ghost{border-color:var(--line);color:#52635b;background:0 0}button.full{width:100%}input,select{width:100%;min-width:0;color:var(--ink);background:#fbfcfb;border:1px solid #d7e0db;border-radius:8px;outline:none;padding:.68rem .75rem}input:focus,select:focus{border-color:#5fa886;box-shadow:0 0 0 3px #5fa88618}label{color:var(--muted);gap:.35rem;font-size:.76rem;font-weight:600;display:grid}.metrics{grid-template-columns:repeat(5,minmax(140px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:134px;padding:1.15rem;position:relative;overflow:hidden}.metric-card:after{content:"";background:#edf2ef;border-radius:50%;width:72px;height:72px;position:absolute;top:-25px;right:-26px}.metric-card.green:after{background:#dff2e8}.metric-card.blue:after{background:#e0ecf6}.metric-card.red:after{background:#f6e2df}.metric-card p{color:var(--muted);font-size:.76rem}.metric-card>strong{letter-spacing:-.045em;margin:.55rem 0 .25rem;font-size:2rem;display:block}.metric-card small{color:#7b8982}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.panel{border:1px solid var(--line);background:var(--paper);border-radius:15px;min-width:0;padding:1.3rem;box-shadow:0 6px 24px #193f2c08}.panel-title{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.panel-title h2{letter-spacing:-.02em;margin:0;font-size:1.02rem}.panel-title p{color:var(--muted);margin:.25rem 0 0;font-size:.74rem}.page-stack{gap:1rem;display:grid}.gateway-list{gap:.2rem;display:grid}.gateway-row{border-bottom:1px solid #edf1ef;padding:.8rem 0}.gateway-row:last-child{border:0}.row-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.row-heading>span{align-items:center;gap:.55rem;display:flex}.row-heading strong,.row-heading small{display:block}.row-heading small{color:var(--muted);margin-top:.18rem;font-size:.7rem}.capacity{background:#edf2ef;border-radius:99px;height:6px;margin:.7rem 0 .35rem;overflow:hidden}.capacity span{border-radius:inherit;background:linear-gradient(90deg,#2b8a62,#7ac89f);min-width:2px;height:100%;display:block}.capacity-label{color:var(--muted);justify-content:space-between;font-size:.68rem;display:flex}.badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;width:max-content;padding:.25rem .48rem;font-size:.64rem;font-weight:700;display:inline-flex}.badge.good{color:#176344;background:#dcf1e5}.badge.bad{color:#90332f;background:#f6dfdc}.badge.neutral{color:#5f6d66;background:#e9eeeb}.health-summary{align-items:center;gap:1rem;padding:.7rem 0 1.2rem;display:flex}.health-summary h3{margin-bottom:.2rem}.health-summary p{color:var(--muted);margin:0;font-size:.77rem}.health-orb{color:#68766f;background:#e6ebe8;border-radius:50%;flex:0 0 50px;place-items:center;height:50px;font-weight:800;display:grid}.health-orb.ok{color:var(--green);background:#dcf2e6;box-shadow:0 0 0 7px #dcf2e655}.health-orb.degraded{color:var(--red);background:#f6dfdc}.mini-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);padding-top:1rem;display:grid}.mini-stats span{color:var(--muted);gap:.2rem;font-size:.68rem;display:grid}.mini-stats strong{color:var(--ink);font-size:1.1rem}.ops-list{display:grid}.ops-list span{color:var(--muted);border-bottom:1px solid #edf1ef;align-items:center;gap:.55rem;padding:.75rem 0;font-size:.75rem;display:flex}.ops-list strong{color:var(--ink);margin-left:auto}.dot{background:#aaa;border-radius:50%;width:7px;height:7px}.dot.green{background:#40a972;box-shadow:0 0 0 4px #40a97218}.toolbar{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:end;padding:1.15rem;display:flex}.toolbar>div:first-child{gap:.25rem;display:grid}.toolbar span{color:var(--muted);font-size:.72rem}.operator-fields{grid-template-columns:1fr 110px;gap:.7rem;display:grid}.operator-fields input{padding:.48rem .6rem}.live-grid,.infra-grid,.node-grid,.stream-grid,.recording-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.live-card,.infra-card,.stream-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:1.2rem}.live-card h3{margin:1.15rem 0;font-size:1.2rem}.live-card h3 span{color:#8c9a93;padding:0 .25rem}.live-card code,.infra-card code{color:var(--muted);word-break:break-all;font-size:.65rem}.live-card dl,.infra-card dl,.fs-node dl{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0;display:grid}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.64rem}dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.76rem;font-weight:650}.decision{color:#725a1d;background:#fff5d7;border-radius:8px;justify-content:space-between;padding:.65rem;font-size:.7rem;display:flex}.button-row{justify-content:end;gap:.45rem;margin-top:1rem;display:flex}.filters{grid-template-columns:minmax(220px,2fr) 1fr 1fr auto;gap:.6rem;margin-bottom:1rem;display:grid}.table-wrap{overflow:auto}.table-wrap.compact{max-height:390px}table{border-collapse:collapse;width:100%;font-size:.75rem}th{border-bottom:1px solid var(--line);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.05em;padding:.65rem;font-size:.64rem}td{vertical-align:middle;border-bottom:1px solid #edf1ef;padding:.75rem .65rem}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faf8}td code,td strong,td small{display:block}td code{color:#43544b;text-overflow:ellipsis;max-width:220px;font-size:.67rem;overflow:hidden}td small{color:var(--muted);margin-top:.22rem;font-size:.65rem}.recording-card{border-color:var(--line);color:var(--ink);text-align:left;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.recording-card>div{min-width:0}.recording-card strong,.recording-card code,.recording-card small{display:block}.recording-card code{max-width:100%;color:var(--muted);text-overflow:ellipsis;margin:.25rem 0;font-size:.65rem;overflow:hidden}.recording-card small{color:var(--muted);overflow-wrap:anywhere;font-size:.65rem}.recording-card>span:last-child{justify-items:end;gap:.4rem;display:grid}.recording-icon,.server-icon,.number-mark{width:38px;height:38px;color:var(--green);background:#e4f1ea;border-radius:9px;place-items:center;font:600 .7rem SFMono-Regular,Consolas,ui-monospace,monospace;display:grid}.infra-card{position:relative}.infra-card h3{margin:1rem 0 .2rem}.infra-card dl,.infra-card dl.gateway-limits{grid-template-columns:repeat(3,1fr)}.edit-form{border-top:1px solid var(--line);gap:.7rem;margin-top:1rem;padding-top:1rem;display:grid}.edit-form h4{margin:.2rem 0 -.25rem;font-size:.72rem}.form-split{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.form-thirds{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}label.check{align-items:center;gap:.5rem;display:flex}label.check input{width:auto}.fs-node{border:1px solid var(--line);background:#fafcfb;border-radius:12px;padding:1rem}.fs-node>div:first-child{align-items:center;gap:.7rem;display:flex}.fs-node>.badge{float:right;margin-top:-2rem}.fs-node strong,.fs-node code{display:block}.fs-node code{color:var(--muted);margin-top:.2rem;font-size:.65rem}.fs-node dl{clear:both;grid-template-columns:repeat(3,1fr);margin-bottom:0;padding-top:.8rem}.report-layout,.phone-layout{grid-template-columns:1.35fr 1fr;gap:1rem;display:grid}.chart{gap:.48rem;display:grid}.bar-row{grid-template-columns:55px 1fr 35px;align-items:center;gap:.6rem;font-size:.68rem;display:grid}.bar-row>div{background:#edf1ef;border-radius:99px;height:8px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg,#2f7c5a,#86cba8);height:100%;display:block}.cause-list{display:grid}.cause-list>div{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.cause-list strong,.cause-list small{display:block}.cause-list small{color:var(--muted);margin-top:.2rem;font-size:.66rem}.cause-list b{font-size:1.15rem}.stream-card{gap:.65rem;display:grid}.stream-card>code{color:var(--green);text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.stream-card>strong{font-size:.82rem}.stream-card>div{border-top:1px solid #edf1ef;gap:.1rem;padding-top:.55rem;font-size:.7rem;display:grid}.stream-card small{color:var(--muted)}.phone-form{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.phone-form .wide{grid-column:1/-1}.credential-note{color:var(--muted);background:#eef6f1;border-radius:8px;margin:0;padding:.7rem;font-size:.72rem;line-height:1.45}.phone-status{background:#f4f8f5;border-radius:12px;align-items:center;gap:.75rem;margin-top:1.2rem;padding:1rem;display:flex}.phone-status strong,.phone-status small{text-transform:capitalize;display:block}.phone-status small{color:var(--muted);font-size:.68rem}.phone-status button{margin-left:auto}.phone-orb{color:#6e7c74;background:#dfe7e2;border-radius:50%;place-items:center;width:42px;height:42px;font:600 .65rem SFMono-Regular,Consolas,ui-monospace,monospace;display:grid}.phone-orb.registered,.phone-orb.active{color:var(--green);background:#d9f0e3}.phone-orb.incoming,.phone-orb.calling{color:#7a5e13;background:#fff0c3}.dial,.incoming{gap:.5rem;margin-bottom:1rem;display:flex}.incoming{background:#fff4cf;border-radius:10px;flex-wrap:wrap;padding:.8rem}.incoming strong{flex:1 0 100%}.keypad{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.keypad button{color:var(--ink);background:#f1f5f2;border-color:#dde6e1;padding:.8rem;font-size:1rem}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071a1388;justify-content:end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(650px,94vw);height:100vh;padding:1.6rem;overflow:auto;box-shadow:-20px 0 70px #06150f33}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.drawer-head h2{overflow-wrap:anywhere;margin:0;font:500 .88rem SFMono-Regular,Consolas,ui-monospace,monospace}.drawer .close{width:38px;height:38px;padding:0;font-size:1.5rem}.drawer-summary{color:var(--muted);align-items:center;gap:.7rem;padding:1rem 0;font-size:.76rem;display:flex}.detail-grid{background:#f6f9f7;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:.8rem;padding:1rem;display:grid}.drawer>h3{margin:1.5rem 0 .8rem;font-size:.85rem}.leg{border-bottom:1px solid #edf1ef;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.65rem 0;font-size:.7rem;display:grid}.leg code{color:var(--muted);text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.muted{color:var(--muted);font-size:.75rem}.empty{color:var(--muted);text-align:center;justify-items:center;padding:3rem 1rem;display:grid}.empty>span{color:#7d8d85;background:#eef3f0;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:.7rem;display:grid}.empty strong{color:var(--ink)}.empty p{max-width:400px;margin:.35rem 0 0;font-size:.75rem}@media (width<=1180px){.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.report-layout{grid-template-columns:1fr}}@media (width<=900px){.portal{grid-template-columns:74px minmax(0,1fr)}.portal>aside{padding:1rem .55rem}.brand{justify-content:center;padding:0 0 1.2rem}.brand>div,.portal nav button:not(.selected){font-size:0}.portal nav button{justify-content:center;padding:.6rem;font-size:0}.portal nav button.selected{font-size:0}.node-card>div{display:none}.node-card{justify-content:center}.loading-line{width:calc(100% - 74px);left:74px}.live-grid,.infra-grid,.phone-layout{grid-template-columns:1fr}}@media (width<=680px){.login-page{background:#eef3f0;grid-template-columns:1fr;padding:1rem}.login-brand{color:var(--ink);padding:1rem}.portal{display:block}.portal>aside{z-index:30;flex-direction:row;width:100%;height:68px;padding:.45rem;position:fixed;top:auto;bottom:0;overflow-x:auto}.brand,.node-card{display:none}.portal nav{gap:.15rem;width:max-content;display:flex}.portal nav button,.portal nav button.selected,.portal nav button:not(.selected){justify-items:center;gap:.2rem;width:58px;padding:.35rem;font-size:.55rem;display:grid}.portal nav button span{width:25px;height:25px}.topbar{min-height:82px;padding:1rem}.topbar .kicker,.live-indicator{display:none}.topbar h1{font-size:1.45rem}.content{padding:1rem 1rem 5.5rem}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.node-grid,.stream-grid,.recording-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:start;gap:1rem}.operator-fields,.filters{grid-template-columns:1fr;width:100%}.form-thirds{grid-template-columns:1fr}.mini-stats{gap:.5rem}.phone-form{grid-template-columns:1fr}.phone-form .wide{grid-column:auto}.loading-line{width:100%;top:80px;left:0}}