:root{--bg:#f5f6f8;--panel:#fff;--text:#1d2330;--muted:#667085;--line:#e3e6eb;--accent:#2f5bea;--danger:#c4372f;--ok:#1f8a4c;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}h1,h2,h3{margin:0}.center{text-align:center;margin-top:4rem}.muted{color:var(--muted);font-size:.9rem}.layout{grid-template-columns:230px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#121826;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}.sidebar nav{flex-direction:column;gap:.25rem;display:flex}.sidebar nav a{color:#cfd6e4;border-radius:6px;padding:.5rem .75rem;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#253048}.sidebar footer{color:#9aa4b8;flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.content{flex-direction:column;gap:1.25rem;min-width:0;padding:1.5rem;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.card__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stack{flex-direction:column;gap:.75rem;display:flex}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}fieldset.row{border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem}.field{flex-direction:column;flex:1;gap:.25rem;min-width:180px;display:flex}.field span{color:var(--muted);font-size:.85rem}.check{align-items:center;gap:.5rem;display:flex}input,select,textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;padding:.5rem .6rem}textarea{resize:vertical}.button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:.55rem .9rem;text-decoration:none;display:inline-block}.button:disabled{opacity:.5;cursor:not-allowed}.button--ghost{color:var(--accent);border:1px solid var(--line);background:0 0}.button--danger{background:var(--danger)}.note{background:#eef3ff;border-radius:8px;margin:0;padding:.6rem .8rem}.note--error{color:var(--danger);background:#fdecea}.note--inline{color:var(--danger);font-size:.85rem}.note ul{margin:.4rem 0 0;padding-left:1.2rem}.item{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.item p{margin:0}.item__head{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.player{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem}.table td input{width:100%}.badge{background:#eceff3;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.badge--active{color:var(--ok);background:#dff3e7}.badge--paused{color:#8a5a00;background:#fff3d6}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:0;display:grid}.grid dt{color:var(--muted);font-size:.85rem}.grid dd{margin:0}.transcript{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.turn{border-radius:8px;max-width:80%;padding:.5rem .75rem}.turn p{margin:.2rem 0 0}.turn--agent{background:#eef3ff}.turn--caller{background:#f1f1f1;align-self:flex-end}.login{place-items:center;min-height:100vh;display:grid}.login__card{width:min(400px,92vw)}@media (width<=760px){.layout{grid-template-columns:1fr}.content{padding:1rem}}output.note{display:block}.note--warning{color:#6b4600;background:#fff3d6}.meter{flex:1;align-items:center;gap:.6rem;min-width:260px;display:flex}.meter meter{flex:1;height:1.2rem}.meter__on{color:var(--ok)}.meter__off{color:var(--muted)}details summary{cursor:pointer;color:var(--muted)}.row--warn{color:var(--danger)}.phrase{margin:0;font-size:1.15rem}.ab{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ab__side{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.6rem;padding:.9rem;display:flex}.ab__side audio{width:100%}.ab__buttons .button{flex:1;min-height:3rem}.table-wrap{overflow-x:auto}input[type=range]{padding:0}@media (width<=760px){.ab{grid-template-columns:1fr}.sidebar nav{flex-flow:wrap}.ab__buttons{flex-direction:column}.ab__buttons .button{width:100%}}.timeline{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.timeline__row{border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:.3rem .4rem;display:flex}.timeline__row--slow{color:var(--danger);background:#fdecea}.timeline__time{font:inherit;font-variant-numeric:tabular-nums;border:1px solid var(--line);cursor:pointer;color:var(--accent);background:0 0;border-radius:4px;padding:.1rem .4rem}audio{max-width:100%}