:root{--ink:#193c37;--muted:#7b8a87;--green:#146e61;--line:#e3eae7;--bg:#f5f8f6;--lime:#d8f7a3}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink)}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}aside{position:fixed;inset:0 auto 0 0;width:228px;background:#153e36;color:#d8e6e0;padding:30px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:28px;font-weight:750;letter-spacing:-1px;color:inherit}.brand b{background:var(--lime);color:#174d3f;border-radius:12px;padding:0 11px;font-size:32px}.brand span{font-size:9px;letter-spacing:2px;display:block;width:100%;padding-left:49px;margin-top:-10px;font-weight:500}.workspace{font-size:9px;letter-spacing:1.8px;color:#8eb3a6;margin:50px 12px 15px}nav a{display:flex;gap:15px;padding:13px 14px;margin:6px 0;color:#ccddd5;border-radius:8px}nav .selected{background:#295348;color:#e4fabf}.sidebar-note{margin-top:45px;border:1px solid #396154;padding:15px;border-radius:10px;font-size:12px}.sidebar-note p{font-size:11px;color:#99b7ab;line-height:1.8}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:6px}.user{border-top:1px solid #3b5b50;padding:18px 10px 0;margin-top:auto}.user strong,.user small,.user a{display:block}.user small{color:#94b2a6}.user a{font-size:11px;color:#bbd7c9;margin:9px 0}.logout{padding:0;color:#ccddd5;background:none;border:0}main{margin-left:228px;min-height:100vh}header{display:flex;justify-content:space-between;padding:22px 36px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.content{max-width:1450px;margin:0 auto;padding:35px 40px 20px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2;margin:8px 0 12px}h2{font-size:17px;margin:0 0 15px;letter-spacing:-.3px}h3{font-size:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#648875}.muted,small{color:var(--muted)}small{font-size:11px}.badge{display:inline-block;background:#edf4ef;color:#53806b;padding:5px 10px;border-radius:5px;font-size:10px;font-weight:650;white-space:nowrap}.badge.amber{color:#896622;background:#faf1d7}.banner{background:#fffbed;border:1px solid #eee5c5;border-radius:9px;padding:15px 18px;font-size:12px;color:#80704a;margin:20px 0 28px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:23px;box-shadow:0 4px 14px #163b2c02}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-top h2{margin:0}.desk{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.2fr);gap:24px}.dialler{padding:28px}.number-input{display:flex;align-items:center;border:1px solid #cddbd4;border-radius:10px;padding:5px 10px;gap:10px;margin-top:8px;background:#fcfdfb}.number-input>span{color:#6e907f;font-size:23px}.number-input input{font-size:24px;letter-spacing:.5px;padding:10px 0;border:0;outline:0;min-width:0;background:transparent}.number-input button{border:0;background:none;font-size:20px;padding:5px}.hint{font-size:11px;color:var(--muted);margin:8px 0 24px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:24px}.keypad button{background:#f8faf8;border:1px solid #edf1ed;border-radius:10px;height:65px;font-size:24px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.keypad button small{font-size:8px;letter-spacing:2px;margin-top:4px;min-height:8px}.keypad button:hover{background:#edf5e8}.small-center{font-size:10px;color:#8b9a91;text-align:center;margin:13px 0 0}.call-visual{text-align:center;padding:14px 0 22px}.phone-orbit{display:grid;place-items:center;margin:auto;width:74px;height:74px;border-radius:50%;background:#e9f3e3;border:9px solid #f6f9f3;font-size:28px;color:var(--green)}.call-visual h3{margin:15px 0 4px}.call-visual p{font-size:12px;color:var(--muted);margin:0}.timer{display:block;font-size:38px;font-weight:450;letter-spacing:3px;font-variant-numeric:tabular-nums;margin-top:15px}.session-controls{display:flex;justify-content:center;gap:12px;margin-bottom:25px}.session-controls button{min-width:135px}.session textarea{margin:8px 0 12px}.session label{font-size:11px}.audio{padding:22px 25px}.audio h2{margin-bottom:7px}.audio p{font-size:11px;margin:0 0 15px}.audio-controls{display:flex;gap:20px;align-items:center;margin-bottom:10px}meter{flex:1;width:100%;height:14px}input,textarea,select{font:inherit;color:var(--ink);border:1px solid #d5e0d9;border-radius:7px;background:white;padding:11px 12px;max-width:100%;width:100%}input:focus,textarea:focus{outline:2px solid #aad2a6;outline-offset:1px}label{display:block;font-size:12px;font-weight:600}button,.button{font:600 12px/1.5 system-ui;cursor:pointer;padding:10px 17px;background:white;border:1px solid #d5e0d9;border-radius:7px;color:var(--ink);display:inline-block;text-align:center}.primary{background:var(--green);border-color:var(--green);color:white}.full{width:100%;padding:14px;font-size:14px}.danger{color:#b74646;background:#fff3f1;border-color:#f2d6d2}button:disabled{opacity:.45;cursor:not-allowed}.error,.alert{padding:12px;border-radius:8px;background:#fff0ef;color:#a44545;margin:15px 0 0;font-size:12px}.hidden{display:none}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#f7faf7;color:#7b8f82;font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:13px;white-space:nowrap}td{padding:15px 13px;border-bottom:1px solid #edf1ed;max-width:300px;overflow-wrap:anywhere}.empty{padding:40px;text-align:center;color:var(--muted)}.search{display:flex;gap:12px;align-items:center;margin:25px 0;max-width:700px}.pagination{display:flex;gap:25px;justify-content:center;font-size:12px;margin-top:20px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}dl{display:grid;grid-template-columns:1fr 1.1fr;margin:0}dt,dd{border-bottom:1px solid #edf1ed;padding:16px 0;margin:0;font-size:12px}dt{color:var(--muted)}dd{font-weight:550}.guest{margin:0;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#e1edcf,transparent 70%)}.guest .content{width:100%;max-width:500px;padding:30px}.login{background:white;border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:0 20px 80px #204e3210}.login .brand{margin-bottom:40px}.login p{color:var(--muted);font-size:13px}.login label{margin:18px 0 6px}.login form .full{margin:25px 0 18px}.login .banner{margin:20px 0}.narrow{max-width:650px}.errorlist{color:#b14444;font-size:12px}footer{font-size:10px;color:#94a298;text-align:center;padding:15px 0 25px}@media(max-width:1050px){aside{width:205px}main{margin-left:205px}.content{padding:25px}.desk{grid-template-columns:1fr}.dialler{max-width:540px;width:100%;margin-left:auto;margin-right:auto}.settings-grid{grid-template-columns:1fr}.user{margin-top:35px}}@media(max-width:700px){aside{position:relative;width:100%;padding:15px}.brand{font-size:23px}.brand span,.workspace,.sidebar-note{display:none}nav{display:flex;flex-wrap:wrap;margin-top:15px}nav a{padding:8px;margin:0;font-size:12px}.user{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:15px;padding-top:10px}.user small{display:none}.user a{margin:0}.user form{margin:0}main{margin:0}header{padding:15px;font-size:10px}.content{padding:20px}.heading{align-items:start;flex-direction:column}h1{font-size:30px}.card{padding:20px}.desk{display:block}.number-input input{font-size:21px}.session-controls button{min-width:0}.search{flex-wrap:wrap}.settings-grid{display:block}.login{padding:28px}}