:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}#app{min-height:100vh}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.login-screen{background:#edf4f2;place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:#fff;border:1px solid #d7e2df;border-radius:8px;width:min(420px,100%);padding:24px;box-shadow:0 10px 30px #11191714}.login-brand{color:#17211f;margin-bottom:22px}.login-brand span{color:#667672}.login-form,.inline-form{gap:10px;display:grid}.login-form label{color:#667672;gap:6px;font-size:13px;display:grid}.login-form input,.inline-form input{color:#17211f;background:#fff;border:1px solid #d6dfdc;border-radius:8px;outline:0;min-width:0;min-height:38px;padding:0 10px}.login-form input:focus,.inline-form input:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.login-notice{margin:14px 0 0}.sidebar{color:#d7e2de;background:#111917;flex-direction:column;gap:22px;height:100vh;padding:18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-height:44px;display:flex}.brand-mark{color:#07110f;background:#2dd4bf;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span,.tenant-box span,.tenant-box small{color:#8fa29b;font-size:12px}.nav{gap:5px;display:grid}.nav button{color:#b7c7c1;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:grid}.nav button:hover,.nav button.active{color:#fff;background:#192622;border-color:#29423c}.tenant-box{background:#14201d;border:1px solid #263a35;border-radius:8px;gap:4px;margin-top:auto;padding:12px;display:grid}.tenant-box strong{overflow-wrap:anywhere;color:#fff;font-size:13px}.workspace{min-width:0;padding:22px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:24px;line-height:1.15}h2{letter-spacing:0;font-size:15px}.topbar p{color:#64736f;margin-top:4px;font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.token-field{background:#fff;border:1px solid #d6dfdc;border-radius:8px;align-items:center;gap:8px;width:min(340px,34vw);min-height:38px;padding:0 10px;display:flex}.token-field input{color:#17211f;border:0;outline:0;width:100%;min-width:0}.icon-button,.text-button{color:#17211f;background:#fff;border:1px solid #d6dfdc;border-radius:8px;min-height:38px}.icon-button{place-items:center;width:40px;display:grid}.text-button{padding:0 14px}.primary-button{color:#fff;background:#0f766e;border:1px solid #0f766e;border-radius:8px;min-height:38px;padding:0 14px}.danger{color:#b42318;border-color:#f2c4c4}.notice{color:#7a4a10;background:#fff8ed;border:1px solid #f2c48b;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;display:flex}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric,.panel{background:#fff;border:1px solid #dce5e2;border-radius:8px;box-shadow:0 1px #1119170a}.metric{grid-template-rows:auto auto;grid-template-columns:28px 1fr;gap:4px 10px;min-height:96px;padding:16px;display:grid}.metric svg{color:#0f766e;grid-row:1/span 2}.metric span{color:#667672;font-size:13px}.metric strong{font-size:26px;line-height:1}.panel{min-width:0;padding:16px}.full{min-height:calc(100vh - 120px)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel-title{align-items:center;gap:8px;min-height:28px;margin-bottom:12px;display:flex}.panel-title svg{color:#0f766e}.inline-form{grid-template-columns:110px minmax(140px,1fr) minmax(180px,1fr) 90px 120px auto;align-items:center;margin-bottom:14px}.trunk-form{grid-template-columns:minmax(120px,1fr) minmax(180px,1.4fr) 90px minmax(120px,1fr) minmax(150px,1fr) 90px auto}.check-field{color:#4b5c57;align-items:center;gap:8px;min-height:38px;font-size:13px;display:flex}.check-field input{width:16px;height:16px;min-height:auto}.secret-notice{color:#095c54;background:#effbf8;border-color:#b8e3d9}.traffic{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.traffic div{background:#f8fbfa;border:1px solid #e2ebe8;border-radius:8px;min-height:78px;padding:12px}.traffic span,.status-list dt{color:#667672;font-size:12px;display:block}.traffic strong{margin-top:8px;font-size:24px;display:block}.status-list{gap:10px;margin:0;display:grid}.status-list div{border-bottom:1px solid #edf2f0;justify-content:space-between;gap:12px;min-height:30px;display:flex}.status-list dd{text-align:right;overflow-wrap:anywhere;margin:0}table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}th,td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #edf2f0;height:42px;padding:0 10px;overflow:hidden}.empty-cell,.empty-panel{color:#667672;text-align:center}.empty-panel{place-items:center;min-height:120px;font-size:13px;display:grid}th{color:#667672;font-weight:600}.pill,.state{background:#eef5f2;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;display:inline-flex}.ok{color:#047857}.warn{color:#b45309}.muted{color:#7a8582}.ivr-list,.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dtmf-row{border-bottom:1px solid #edf2f0;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;min-height:38px;font-size:13px;display:grid}.dtmf-row strong{color:#fff;background:#10201c;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.dtmf-row small{color:#667672}@media (width<=1100px){.shell{grid-template-columns:76px minmax(0,1fr)}.brand div:not(.brand-mark),.nav span,.tenant-box{display:none}.sidebar{align-items:center;padding:14px 10px}.nav button{grid-template-columns:1fr;place-items:center;width:46px;padding:0}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2,.span-3{grid-column:span 2}}@media (width<=720px){.shell{display:block}.sidebar{flex-direction:row;width:100%;height:auto;position:static;overflow-x:auto}.brand{flex:none}.nav{display:flex}.workspace{padding:14px}.topbar{flex-direction:column;align-items:stretch}.top-actions{width:100%}.token-field{flex:1;width:auto}.dashboard-grid,.ivr-list,.security-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.traffic{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.trunk-form{grid-template-columns:1fr}table{min-width:720px}.panel.full,.span-3{overflow-x:auto}}