:root{font:16px/1.6 system-ui,sans-serif;color:#19324d;background:#f2f6fb}*{box-sizing:border-box}body{margin:0}aside{width:248px;position:fixed;inset:0 auto 0 0;background:#102a49;color:#dce9ff;padding:28px 22px;overflow:auto}.brand{font-size:25px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2px}aside h2{font-size:19px;margin-top:30px}nav a{display:block;padding:12px;color:white;text-decoration:none;border-radius:8px}nav a:hover{background:#254c7a}aside p{font-size:13px;color:#b7cce6;margin-top:28px}main{margin-left:248px;padding:30px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:29px;margin:2px 0 20px}h2{font-size:21px;margin-top:0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#2163a6}#notice{padding:16px 20px;background:#e0edff;border:1px solid #b8d1f3;border-radius:10px;margin:10px 0 24px;white-space:pre-line}.layout{display:grid;grid-template-columns:minmax(280px,0.85fr) minmax(300px,1.3fr);gap:22px}article,main>section:not(.layout){padding:24px;border:1px solid #d7e1ed;border-radius:14px;background:white;margin-bottom:24px}label{display:block;font-weight:600;font-size:14px;margin:15px 0 6px}input,select{font:inherit;width:100%;padding:10px;border:1px solid #afc2d9;border-radius:7px}button{font:inherit;font-size:14px;font-weight:650;border:1px solid #b4c9e2;background:#eaf2ff;color:#144c92;padding:10px 15px;border-radius:8px;cursor:pointer;margin:4px 0}button:hover:enabled{background:#cfe2ff}button:disabled{opacity:.4;cursor:default}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.actions input{width:150px}.danger{color:#a12b34;background:#ffedf0}#connect,#dial,#answer{background:#1761cb;color:white}.hint{font-size:13px;color:#59708b}.badge{padding:5px 10px;background:#e9eff7;border-radius:20px}.call-state{font-size:30px;font-weight:750;margin:35px 0 5px}#remote{font-size:22px}#duration{font:25px monospace}audio{width:100%;margin:10px 0}hr{border:0;border-top:1px solid #dfE7f0;margin:24px 0}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px;border-bottom:1px solid #e0e7f0;font-size:14px}.flow{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:16px}.flow li{padding:14px;background:#edf4ff;border-radius:8px}a{color:#1559a9}[hidden]{display:none!important}:focus-visible{outline:3px solid #e2a320;outline-offset:3px}@media(max-width:1050px){aside{position:static;width:auto}aside p{display:none}nav{display:flex;flex-wrap:wrap}main{margin-left:0;padding:18px}.layout{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}header{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.flow{grid-template-columns:1fr}td,th{padding:5px;font-size:12px}}