:root{--ink:#17252a;--muted:#64757b;--line:#dbe3e5;--paper:#fff;--bg:#f4f7f7;--brand:#087b6b;--brand-dark:#075c51;--danger:#b6374a;--blue:#246b9e;--shadow:0 14px 40px rgba(23,37,42,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}header{height:76px;padding:0 max(22px,5vw);display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--brand);color:#fff;font-size:24px;font-weight:bold}header>div:nth-child(2){display:flex;flex-direction:column;gap:3px}header strong{font-size:18px}header small{color:var(--muted)}.status{margin-inline-start:auto;border-radius:99px;padding:7px 12px;font-size:13px;background:#edf1f2;color:#5d6b70}.status.ok{background:#e4f5f1;color:#076a5c}.status.live{background:#e2f3ec;color:#087b52}.status.error{background:#fae9ec;color:var(--danger)}main{max-width:1160px;margin:auto;padding:42px 22px 70px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.centered{text-align:center;max-width:620px;margin:10vh auto}.empty-icon{width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#f9e8eb;color:var(--danger);font-size:30px}.eyebrow{display:block;color:var(--brand);font-size:13px;font-weight:bold;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;margin-bottom:10px}h2{font-size:19px}p{color:var(--muted);line-height:1.8}.intro{margin-bottom:18px}.privacy-note{margin-top:18px;padding:13px 15px;border-radius:12px;background:#eef8f6;color:#225b53;line-height:1.8}.sender-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}.video-card{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:18px;background:#122025;box-shadow:var(--shadow)}video{width:100%;height:100%;object-fit:cover;display:block}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#b7c5ca;background:radial-gradient(circle at center,#263a41,#142126)}.camera-placeholder[hidden]{display:none}.live-badge{position:absolute;top:16px;right:16px;padding:8px 12px;border-radius:99px;background:#d9364f;color:#fff;font-size:13px}.controls{align-self:start}.controls label,.create-card label{display:block;color:#43565d;font-size:13px}.controls select,.create-card input,.create-card select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #bccacd;border-radius:10px;background:#fff;color:var(--ink)}.controls button{width:100%;margin-top:12px}.primary,.secondary,.danger,.ghost,.text-danger{border:0;border-radius:10px;padding:11px 15px}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.secondary{background:#e5f3f0;color:#086a5d}.danger{background:var(--danger);color:#fff}.ghost{background:#eef2f3;color:#405259}.text-danger{background:transparent;color:var(--danger)}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:22px}.output-summary{min-width:280px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.output-summary .dot{width:12px;height:12px;border-radius:50%;background:#89979c;box-shadow:0 0 0 5px #89979c20}.output-summary div{display:flex;flex-direction:column;gap:4px}.output-summary small{color:var(--muted);max-width:320px;overflow-wrap:anywhere}.output-summary.live .dot{background:#0aa67f;box-shadow:0 0 0 5px #0aa67f25}.output-summary.waiting .dot{background:#d29b19;box-shadow:0 0 0 5px #d29b1925}.output-summary.error .dot{background:var(--danger);box-shadow:0 0 0 5px #b6374a20}.create-card{margin-bottom:30px}.form-grid{display:grid;grid-template-columns:1.15fr 1.15fr .7fr auto;gap:12px;align-items:end}.aligned{height:44px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-title h2{margin-bottom:4px}.section-title p{margin-bottom:0}.session-list{display:grid;gap:12px}.session-card{padding:18px 20px;box-shadow:none}.session-card.selected{border-color:#5cb7a9;box-shadow:0 0 0 3px #4aab9b18}.session-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.session-top h3{font-size:17px;margin-bottom:5px}.session-top p{margin:0;font-size:13px}.badges,.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:12px;padding:6px 9px;border-radius:99px}.pill.green{background:#e3f5ef;color:#087159}.pill.blue{background:#e5f1f8;color:var(--blue)}.pill.gray{background:#edf1f2;color:#65757a}.actions{padding-top:15px;margin-top:15px;border-top:1px solid #edf1f2}.actions button{padding:8px 11px;font-size:13px}.message{color:var(--danger);margin-top:15px;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);box-shadow:none}.toast{position:fixed;left:22px;bottom:22px;z-index:30;max-width:min(420px,calc(100vw - 44px));padding:13px 17px;border-radius:10px;background:#17373a;color:#fff;box-shadow:0 12px 36px #10252d33;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#7b2635}
.download-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;background:#eef8f6;border-color:#b9ddd6;box-shadow:none}.download-card h2{margin-bottom:5px}.download-card p{margin:0}.download-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.download-link{display:inline-block;text-decoration:none;background:#075c51;color:#fff;border-radius:10px;padding:12px 16px;white-space:nowrap}.checksum-link{font-size:12px;color:#356b64}.centered .download-link{margin-top:12px}
.code-card{max-width:520px;margin:7vh auto;padding:34px}.code-card h1{margin-bottom:12px}.code-card form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:24px}.code-card label{grid-column:1/-1;color:#43565d;font-size:13px}.code-card input{direction:ltr;text-align:center;letter-spacing:.16em;width:100%;height:48px;border:1px solid #aebfc3;border-radius:10px;padding:10px;font-size:18px;text-transform:uppercase}.code-card button{height:48px;padding-inline:24px}.privacy-compact{display:block;margin-top:22px;color:var(--muted);text-align:center}.customer-mode header{justify-content:center}.customer-mode header .status{position:absolute;left:max(18px,4vw)}.customer-mode main{max-width:920px}.customer-mode .brand-mark{background:#1b6974}
@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}.aligned{height:auto}.sender-grid{grid-template-columns:1fr}.admin-head{display:block}.output-summary{margin-top:16px;min-width:0}.session-top{display:block}.badges{margin-top:12px}.download-card{align-items:flex-start;flex-direction:column}.download-link{white-space:normal}}
@media(max-width:580px){header{padding:0 14px}.brand-mark{width:38px;height:38px}main{padding:24px 12px 50px}.panel{padding:18px;border-radius:14px}.form-grid{grid-template-columns:1fr}.actions button{flex:1 1 42%}.section-title{align-items:flex-end}h1{font-size:25px}.video-card{border-radius:14px}.status{padding:6px 9px}.code-card form{grid-template-columns:1fr}.code-card label{grid-column:auto}.code-card button{width:100%}.customer-mode header{justify-content:flex-start}.customer-mode header .status{position:static}}