@font-face{font-family:Nunito;src:url('/Nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
:root{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;color:#142018;background:#f7faf7;font-synthesis:none;--green:#64d674;--ink:#142018;--muted:#516055;--line:#dde9df;--soft:#eef6ef;--danger:#9b2d2d}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#fff;color:var(--ink);font-weight:750;min-height:42px;transition:background .16s}button:hover{background:#e8f2ea}button:disabled{cursor:wait;opacity:.55}a{color:#226c35;text-underline-offset:3px}input,select,textarea{padding:11px 12px;border:1px solid #96aa9b;border-radius:8px;background:#fff;color:var(--ink);width:100%;min-height:44px;caret-color:#287c40}label{display:block;font-weight:750;margin:16px 0 6px}label input,label select{margin-top:6px}input::placeholder{color:#627167;font-weight:500}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #287c40;outline-offset:3px}::selection{background:#b1efba;color:#142018}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.18;letter-spacing:-.025em;font-weight:850}h2{font-size:20px;line-height:1.3;font-weight:800}h3{font-size:16px;font-weight:800}p{max-width:72ch}.primary{background:var(--green);border-color:var(--green);color:var(--ink)}.primary:hover{background:#51c963}.quiet{border-color:transparent;background:transparent}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;overflow-wrap:anywhere}.error{color:var(--danger);margin:12px 0}.error:empty{display:none}.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}.wordmark{display:flex;align-items:center;color:var(--ink);font-weight:1000;font-size:29px;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand-dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;margin:9px 0 0 2px}.admin-label{font-size:12px;font-weight:700;letter-spacing:0;margin:8px 0 0 10px;color:var(--muted)}.login-wrap{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto}.login-panel{padding:70px 60px;width:100%;max-width:490px;margin:auto}.login-panel h1{margin:70px 0 18px;font-size:43px}.login-panel p{color:var(--muted)}.login-panel form{margin:28px 0}.login-panel button{width:100%;margin-top:20px}.login-panel .error{color:var(--danger)}.login-story{background:#ddf6e1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px;border-radius:20px;padding:40px}.circle-art{width:min(100%,400px)}.circle-art span{display:block;font-size:31px;font-weight:850;letter-spacing:-.025em}.circle-art svg{width:100%;margin:40px 0;overflow:visible}.circle-art circle{fill:none;stroke:#287c40;stroke-width:2}.circle-art .dot{fill:#287c40;stroke:none}.login-story p{color:#346440}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.env-picker{margin:29px 0}.env-picker label{font-size:12px;color:var(--muted);margin:0 0 6px}.env-picker select{background:var(--soft);border-color:var(--line);font-size:14px;font-weight:800}.env-picker .mono{display:block;margin:8px 0 0 2px;color:var(--muted)}nav{display:grid;gap:5px}nav a{padding:12px;border-radius:9px;display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;font-weight:750;font-size:14px}nav a:hover{background:var(--soft)}nav a[aria-current=page]{background:#ddf6e1;color:#205f30}svg.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-foot{margin-top:auto;font-size:12px;color:var(--muted);padding:22px 8px 0}.sidebar-foot #operator{display:block;margin:10px 0 0;font-weight:750;color:var(--ink)}.sidebar-foot button{padding-left:0;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#287c40;margin-right:7px}.content-wrap{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);font-size:14px}.topbar-actions{display:flex;align-items:center;gap:14px}.topbar button{font-size:13px;padding:8px 10px}.badge{display:inline-block;border-radius:6px;background:var(--soft);padding:4px 8px;color:#345c3e;font-size:11px;font-weight:800;white-space:nowrap}.badge.production,.badge.failed,.badge.unconfirmed{background:#fdecec;color:#9b2d2d}.badge.beta,.badge.ringing,.badge.connecting,.badge.pending{background:#fff1d3;color:#805117}.badge.active,.badge.succeeded,.badge.completed{background:#ddf6e1;color:#226935}.badge.ended,.badge.missed,.badge.canceled,.badge.declined{background:#eef1ef;color:#516055}.production-banner{background:#fff1d3;color:#6a4212;font-size:13px;padding:12px 38px}main{padding:36px 38px 45px;max-width:1550px;margin:auto;min-height:calc(100dvh - 135px)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 28px}.page-heading p{margin-top:10px;color:var(--muted);font-size:14px}.page-heading button{white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 0;margin:0 0 26px}.metric{padding:0 26px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric dt{font-size:13px;color:var(--muted);font-weight:700}.metric dd{margin:6px 0;font-size:33px;line-height:1.1;letter-spacing:-.02em;font-weight:850;font-variant-numeric:tabular-nums}.metric small{font-size:12px;color:var(--muted)}.grid-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:24px;margin-bottom:26px}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.panel + .panel.full{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.section-heading a{font-weight:750;font-size:13px}.section-heading p{margin-top:5px}.chart{display:flex;align-items:stretch;justify-content:space-around;gap:12px;margin-top:22px;height:159px;border-bottom:1px solid var(--line)}.chart-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;flex:1;min-width:0}.bar-track{height:108px;display:flex;align-items:flex-end;width:min(100%,36px)}.bar{width:100%;background:#64d674;border-radius:4px 4px 0 0;height:calc(var(--value)*1%);min-height:2px}.chart-day span{font-size:11px;color:var(--muted)}.chart-day strong{font-size:12px;font-variant-numeric:tabular-nums}.chart-note{font-size:12px;color:var(--muted);margin-top:15px}.plan-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.plan-row:first-of-type{border-top:0}.plan-row .when{margin-left:auto;text-align:right;font-size:12px;color:var(--muted)}.avatar{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:50%;background:#e9f2eb;color:#345e40;font-weight:850;font-size:13px}.avatar.large{width:65px;height:65px;flex-basis:65px;font-size:23px}.person{display:flex;align-items:center;gap:11px;min-width:0}.person strong{display:block;font-size:14px;font-weight:800}.person span.small{display:block;color:var(--muted)}.person-link{padding:0;min-height:0;border:0;background:none;text-align:left;color:var(--ink);font-weight:800}.person-link:hover{background:none;color:#287c40;text-decoration:underline}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;color:var(--muted);font-weight:800;padding:11px 12px;background:#f7faf7;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}td .mono{font-size:10px}td time{white-space:nowrap;font-variant-numeric:tabular-nums}.call-pair{font-weight:800;max-width:320px;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.search-form{display:flex;gap:8px;flex:1;max-width:490px}.search-form input{margin:0}.toolbar select{width:auto;font-size:13px;min-width:135px}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:7px}.empty p{margin:auto;font-size:14px}.notice{padding:15px 18px;background:var(--soft);border-radius:9px;font-size:13px;margin:20px 0;color:#37513e}.loading{padding:70px 20px;text-align:center;color:var(--muted)}.loading:before{content:'';display:block;width:22px;height:22px;border:2px solid var(--line);border-top-color:#287c40;border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:13px;color:var(--muted)}.user-heading{display:flex;align-items:center;gap:18px}.user-heading h1{font-size:30px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px}.detail-grid>div{min-width:0}.detail-list{display:grid;grid-template-columns:1fr 1.3fr;gap:0;font-size:13px;margin:0}.detail-list dt,.detail-list dd{padding:11px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right;font-weight:750}.actions-list{display:grid;gap:10px;margin-top:18px}.actions-list button{text-align:left}.friend-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.friend-row:last-child{border:0}.friend-row .badge{margin-left:auto}.device{padding:14px 0;border-top:1px solid var(--line)}.device strong{font-size:13px}.device p{font-size:12px;color:var(--muted);margin-top:3px}.feedback-item{padding:22px 0;border-top:1px solid var(--line)}.feedback-item:first-of-type{border:0}.feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0}.feedback-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted)}.connection{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.connection:first-of-type{border:0}.connection p{margin-top:4px}.back{display:inline-block;margin-bottom:18px;font-size:13px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.call-detail{padding:15px;background:var(--soft);border-radius:8px;margin-top:10px}details summary{cursor:pointer;font-size:12px;color:#287c40}details[open] summary{margin-bottom:8px}footer{padding:20px 38px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:15px;padding:28px;width:min(520px,calc(100% - 30px));max-height:90dvh;color:var(--ink);box-shadow:0 16px 50px #14201826}dialog::backdrop{background:#14201880}dialog p{font-size:14px;color:var(--muted)}dialog .primary{width:100%;margin-top:18px}dialog input{margin-bottom:7px}dialog .section-heading{align-items:flex-start}dialog .error{color:var(--danger)}#toast{position:fixed;right:24px;bottom:24px;max-width:min(450px,calc(100% - 40px));padding:16px 20px;background:#142018;color:#fff;border-radius:10px;z-index:5;box-shadow:0 6px 24px #14201820;font-size:14px}.row-action{font-size:12px;padding:6px 10px;min-height:34px}.wide-copy{line-height:1.7}.wide-copy p{margin:14px 0}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:12px}.legend strong{color:var(--ink)}
@media(min-width:1600px){main{padding-top:45px}.grid-two{grid-template-columns:1.5fr 1fr}}
@media(max-width:1100px){.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:24px 15px}.topbar{padding:0 24px}main{padding:28px 24px}.metric{padding:0 17px}.grid-two,.detail-grid{grid-template-columns:1fr}.topbar #freshness{display:none}}
@media(max-width:720px){.login-wrap{display:block}.login-panel{padding:35px 25px}.login-panel h1{margin-top:48px}.login-story{display:none}.workspace{display:block}.sidebar{height:auto;position:relative;padding:18px 18px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .wordmark{font-size:26px}.env-picker{margin:0;min-width:0}.env-picker label,.env-picker .mono{display:none}.env-picker select{font-size:12px;padding:8px}.sidebar nav{grid-column:1/-1;display:flex;overflow:auto;gap:4px;padding-bottom:10px}.sidebar nav a{font-size:12px;padding:9px 10px;white-space:nowrap;gap:6px}.sidebar nav svg{width:16px;height:16px}.sidebar-foot{display:none}.topbar{height:59px;padding:0 18px}.topbar-actions{gap:4px}.topbar button{padding:6px;font-size:12px}.topbar #breadcrumb{font-size:12px}main{padding:25px 18px;min-height:60dvh}.page-heading{gap:13px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:29px}.page-heading p{font-size:13px}.page-heading button{font-size:13px;min-height:40px}.metrics{grid-template-columns:1fr 1fr;padding:0;margin-bottom:20px}.metric{padding:18px;border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.metric:nth-child(3),.metric:nth-child(4){border-bottom:0}.metric dd{font-size:29px}.metric dt{font-size:12px}.grid-two,.detail-grid{gap:18px}.panel{padding:19px 16px}.section-heading h2{font-size:18px}.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.toolbar select{width:100%}.user-heading h1{font-size:25px}.user-heading{gap:12px}.user-heading .avatar{width:53px;height:53px;flex-basis:53px}.table-wrap{margin:0 -4px}td{padding:13px 9px}th{padding:10px 9px}footer{padding:18px;gap:15px}footer span{max-width:190px;text-align:right}.production-banner{padding:12px 18px}.connection{align-items:flex-start}.connection .mono{font-size:10px}.connection .badge{font-size:10px}#toast{right:18px;bottom:18px}.chart{gap:8px}.small{font-size:12px}.detail-list{grid-template-columns:1fr 1.2fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.auto-refresh{display:flex;align-items:center;gap:5px;margin:0;font-size:12px;white-space:nowrap;color:var(--muted)}.auto-refresh input{width:15px;min-height:15px;margin:0;accent-color:#287c40}
@media(max-width:720px){.auto-refresh{font-size:10px}.auto-refresh input{width:13px;min-height:13px}}
.mobile-freshness{display:none}
@media(max-width:1100px){.mobile-freshness{display:block;margin:12px 24px -12px;font-size:11px;color:var(--muted)}}
@media(max-width:720px){.mobile-freshness{margin-right:18px;margin-left:18px}}