:root{--ink:#151713;--muted:#70746b;--paper:#f3f1e9;--card:#fbfaf5;--line:#dcd9cd;--acid:#d9fa49;--green:#7aaa38;--red:#df664e;--amber:#c79a35;--dark:#171a14;--shadow:0 18px 55px rgba(27,30,22,.08)}
.alarm-settings{margin:34px 0 26px;padding:26px;border:1px solid var(--line);background:#f5f3eb}.alarm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.alarm-heading h2{font-size:23px;letter-spacing:-.04em;margin:0 0 6px}.alarm-heading>div>p:last-child{color:var(--muted);font-size:12px;margin:0;max-width:500px}.alarm-toggle{flex:0 0 auto}.alarm-fields{border-top:1px solid var(--line);margin-top:21px;padding-top:22px}.alarm-fields.is-disabled{display:none}.alarm-destination{grid-template-columns:130px 1fr 120px 180px}.placeholder-help{font-size:11px;color:var(--muted);margin:-7px 0 19px}.placeholder-help code{background:#e7e4d9;border:1px solid #d7d3c5;padding:2px 4px;border-radius:2px;color:#41443e}.delivery-status{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);background:var(--card)}.delivery-status>span{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:4px}.delivery-status.error>span{background:var(--red)}.delivery-status strong{font-size:11px}.delivery-status p{font-size:10px;color:var(--muted);margin:2px 0 0}@media(max-width:760px){.alarm-heading{flex-direction:column}.alarm-destination{grid-template-columns:1fr}.alarm-settings{padding:20px 16px}.alarm-toggle{margin-bottom:0!important}}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Segoe UI",Arial,sans-serif;font-size:14px}.topbar{height:76px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(243,241,233,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.04em}.brand>span:last-child>span{font-weight:400}.brand-mark{height:25px;width:29px;display:flex;align-items:center;justify-content:center;gap:3px}.brand-mark i{display:block;width:3px;border-radius:3px;background:var(--ink);height:12px}.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:17px}.topbar nav{display:flex;height:100%;margin-left:60px;gap:28px}.nav-link{height:100%;display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:13px;font-weight:600;position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink)}.account{margin-left:auto;display:flex;align-items:center;gap:14px}.role-badge{font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;font-size:9px;background:#e4e2d8;border:1px solid #d4d1c5;padding:5px 8px;border-radius:99px}.account-name{font-weight:600;font-size:12px}.account form{display:flex}.icon-button{border:0;background:transparent;font-size:20px;color:var(--muted);cursor:pointer;transform:rotate(45deg)}.page{width:min(1360px,calc(100% - 48px));margin:0 auto;padding:58px 0 80px}.page.narrow{width:min(780px,calc(100% - 40px))}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.hero-row.compact{margin-bottom:32px}.eyebrow{font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:500;color:#7b7e74;margin:0 0 12px}.hero-row h1,.form-card h1{font-size:clamp(38px,5vw,64px);font-weight:500;line-height:1;margin:0;letter-spacing:-.06em}.hero-row h1 em,.form-card h1 em{font-family:Georgia,serif;font-weight:600}.subtitle{font-size:15px;color:var(--muted);margin:14px 0 0}.button{border:1px solid var(--ink);border-radius:3px;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font:600 12px "Segoe UI",Arial,sans-serif;color:var(--ink);cursor:pointer}.button.primary{background:var(--dark);color:white;box-shadow:5px 5px 0 var(--acid)}.button.primary:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 var(--acid)}.button.ghost{background:transparent;border-color:var(--line)}.button.danger{border-color:#b63d2c;color:#b63d2c;background:#fff}.button.wide{width:100%;justify-content:space-between;margin-top:8px}.plus{font-size:20px;font-weight:400}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);margin-bottom:55px}.summary-card{min-height:132px;padding:24px;display:grid;grid-template-columns:42px 1fr;column-gap:15px;align-content:center;border-right:1px solid var(--line)}.summary-card:last-child{border-right:0}.summary-card>div:nth-child(2){display:flex;align-items:baseline;gap:9px}.summary-card b{font-size:34px;letter-spacing:-.07em}.summary-card small{font-family:Consolas,monospace;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.summary-card p{grid-column:2;margin:1px 0 0;color:var(--muted);font-size:11px}.summary-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px}.summary-icon span{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 15%,transparent)}.summary-card.online .summary-icon{color:var(--green)}.summary-card.offline .summary-icon{color:var(--red)}.summary-card.waiting .summary-icon{color:var(--amber)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:26px;margin:0;letter-spacing:-.04em}.live-note{font-family:Consolas,monospace;text-transform:uppercase;font-size:9px;color:var(--muted);letter-spacing:.07em}.live-note i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;animation:pulse 2s infinite}.stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stream-card{background:var(--card);border:1px solid var(--line);box-shadow:0 10px 35px rgba(30,32,25,.05)}.stream-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px}.stream-title{display:flex;align-items:center;gap:12px}.stream-title h3{font-size:16px;margin:0 0 2px;letter-spacing:-.03em}.stream-title p{font:9px Consolas,monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(199,154,53,.12)}.status-dot.online,.mini-dot.online{background:var(--green)}.status-dot.online{box-shadow:0 0 0 5px rgba(122,170,56,.12)}.status-dot.offline,.mini-dot.offline{background:var(--red)}.status-dot.offline{box-shadow:0 0 0 5px rgba(223,102,78,.12)}.edit-link,.back-link{color:var(--muted);font-size:11px;font-weight:600}.signal-stage{height:128px;background:var(--dark);margin:0 12px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 23px;color:white}.wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.16}.wave i{display:block;width:2px;height:calc(10px + (var(--i) * 2px));background:var(--acid)}.play-button{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:var(--acid);color:var(--dark);cursor:pointer;box-shadow:0 0 0 8px rgba(217,250,73,.08)}.play-button span{display:block;margin-left:3px}.play-button:disabled{background:#55594f;color:#222;cursor:not-allowed}.now-playing{position:relative;z-index:2;margin-left:19px}.latency{position:relative;z-index:2;margin-left:auto;text-align:right}.signal-stage small{display:block;font:8px Consolas,monospace;color:#92968b;letter-spacing:.13em;margin-bottom:5px}.signal-stage strong{font-size:13px}.stream-meta{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line);min-height:67px}.stream-meta p{margin:0;color:#4e514a;font-size:11px;max-width:55%}.stream-meta span{font:9px Consolas,monospace;color:var(--muted);text-align:right}.period-tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--line)}.period-tabs button{border:0;background:transparent;padding:15px 13px 12px;color:var(--muted);font:9px Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;position:relative}.period-tabs button:first-child{padding-left:0}.period-tabs button.active{color:var(--ink)}.period-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:10px;right:10px;height:2px;background:var(--ink)}.period-tabs button:first-child.active:after{left:0}.stats-panel{padding:19px 22px;display:none;align-items:center;gap:24px}.stats-panel.active{display:flex}.uptime-ring{--value:0;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acid) calc(var(--value)*1%),#e0ded4 0);position:relative;flex:0 0 auto}.uptime-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card)}.uptime-ring span{position:relative;z-index:1;text-align:center}.uptime-ring b{display:block;font-size:17px;letter-spacing:-.05em}.uptime-ring small{font:8px Consolas,monospace;text-transform:uppercase;color:var(--muted)}.time-stats{display:grid;grid-template-columns:1fr 1fr;width:100%}.time-stats>div{display:grid;grid-template-columns:10px 1fr;gap:2px 7px;padding:4px 16px;border-right:1px solid var(--line)}.time-stats>div:first-child{padding-left:0}.time-stats>div:last-child{border-right:0}.time-stats small{font:8px Consolas,monospace;text-transform:uppercase;color:var(--muted)}.time-stats b{grid-column:2;font-size:15px}.mini-dot{width:6px;height:6px;border-radius:50%;margin-top:2px}.empty-state{text-align:center;border:1px solid var(--line);background:var(--card);padding:70px 30px}.empty-state h2{font-size:25px;margin:22px 0 8px}.empty-state p{color:var(--muted);margin:0 0 26px}.empty-wave{height:50px;display:flex;justify-content:center;align-items:center;gap:7px}.empty-wave i{width:4px;background:var(--ink);height:20px}.empty-wave i:nth-child(2),.empty-wave i:nth-child(4){height:42px}.empty-wave i:nth-child(3){height:29px}.form-card{margin-top:26px;background:var(--card);border:1px solid var(--line);padding:45px;box-shadow:var(--shadow)}.form-card.small{max-width:620px;margin-left:auto;margin-right:auto}.form-card h1{font-size:43px}.data-form{margin-top:36px}.data-form label,.login-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;margin-bottom:20px}.data-form input,.data-form select,.data-form textarea,.login-form input{width:100%;background:#fff;border:1px solid #cfccc0;border-radius:2px;padding:13px 14px;font:13px "Segoe UI",Arial,sans-serif;color:var(--ink);outline:none}.data-form input:focus,.data-form select:focus,.data-form textarea:focus,.login-form input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(217,250,73,.4)}.data-form textarea{resize:vertical}.data-form label small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid.align-end{align-items:end}.toggle-row{flex-direction:row!important;align-items:center;margin-bottom:28px!important;cursor:pointer}.toggle-row input{position:absolute;opacity:0;width:1px}.toggle{width:40px;height:22px;background:#cbc8bd;border-radius:99px;position:relative;transition:.2s}.toggle:after{content:"";width:16px;height:16px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:.2s}.toggle-row input:checked+.toggle{background:var(--green)}.toggle-row input:checked+.toggle:after{left:21px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.danger-zone{border-top:1px solid #e7bcb4;margin-top:42px;padding-top:24px;display:flex;align-items:center;justify-content:space-between}.danger-zone strong{color:#9e3828}.danger-zone p{font-size:11px;color:var(--muted);margin:3px 0 0}.table-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{text-align:left;font:9px Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:15px 22px;border-bottom:1px solid var(--line)}td{padding:20px 22px;border-bottom:1px solid var(--line);font-size:12px}tr:last-child td{border-bottom:0}.you{margin-left:8px;color:var(--muted)}.status-text{display:inline-flex;align-items:center;gap:7px}.status-text i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-text.online{color:#638b30}.status-text.offline{color:var(--red)}.text-button{border:0;background:none;text-decoration:underline;color:var(--muted);font:11px "Segoe UI",Arial,sans-serif;cursor:pointer}.flash-stack{position:fixed;z-index:50;top:88px;right:18px;display:grid;gap:7px}.flash{background:var(--dark);color:white;padding:13px 17px;border-left:4px solid var(--acid);box-shadow:var(--shadow);font-size:12px;max-width:370px}.flash.error{border-color:var(--red)}.login-page{background:var(--dark)}.login-shell{min-height:100vh;display:grid;grid-template-columns:58% 42%}.login-aside{position:relative;overflow:hidden;padding:48px clamp(40px,6vw,90px);color:white;display:flex;flex-direction:column;background:radial-gradient(circle at 70% 40%,#30382a 0,transparent 37%),var(--dark)}.brand-large{color:white;font-size:21px;align-self:flex-start}.brand-large .brand-mark i{background:var(--acid)}.login-copy{position:relative;z-index:2;margin:auto 0}.login-copy .eyebrow{color:var(--acid)}.login-copy h1{font-size:clamp(52px,6vw,88px);font-weight:500;letter-spacing:-.07em;line-height:.95;margin:0}.login-copy h1 em{font-family:Georgia,serif;color:var(--acid)}.login-copy>p:last-child{max-width:500px;color:#a9aca2;font-size:16px;line-height:1.6}.signal-art{position:absolute;right:-50px;bottom:16%;display:flex;gap:9px;height:47%;align-items:center;opacity:.22;transform:rotate(-8deg)}.signal-art i{width:4px;background:var(--acid);height:calc(8px + (var(--i)*6px))}.aside-foot{font:9px Consolas,monospace;color:#808478;text-transform:uppercase;letter-spacing:.1em}.login-panel{background:var(--paper);display:grid;place-items:center;padding:40px}.login-form{width:min(380px,100%)}.login-form h2{font-size:42px;letter-spacing:-.06em;margin:0 0 6px}.login-form .muted{color:var(--muted);margin:0 0 35px}.login-form input{padding:15px}.login-form label{margin-bottom:18px}.back-link{display:inline-block;margin-top:8px;text-decoration:none}.back-link:hover{text-decoration:underline}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:980px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:nth-child(2){border-right:0}.summary-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.stream-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-aside{display:none}.topbar nav{margin-left:30px}.account-name,.role-badge{display:none}}
@media(max-width:620px){.page{width:min(100% - 28px,1360px);padding-top:38px}.topbar{height:64px;padding:0 16px}.topbar nav{margin-left:18px;gap:14px}.account{gap:4px}.hero-row{align-items:flex-start;flex-direction:column}.hero-row h1{font-size:46px}.hero-row .button{align-self:stretch}.summary-grid{grid-template-columns:1fr 1fr}.summary-card{padding:16px;grid-template-columns:32px 1fr;min-height:112px}.summary-icon{width:31px;height:31px}.summary-card b{font-size:27px}.stream-meta{flex-direction:column}.stream-meta p{max-width:100%}.stream-meta span{text-align:left}.stats-panel{gap:14px}.time-stats>div{padding:4px 8px}.form-card{padding:28px 20px}.form-card h1{font-size:36px}.form-grid{grid-template-columns:1fr;gap:0}.period-tabs{padding:0 14px}.period-tabs button{padding-left:8px;padding-right:8px}.signal-stage{padding:0 15px}.login-panel{padding:24px}.latency{display:none}}