:root{--bg:#020304;--panel:rgba(18,20,24,.86);--panel2:rgba(27,30,35,.72);--edge:#343941;--text:#f4f6f8;--muted:#8f98a7;--gold:#e7b43c;--green:#4ed17a;--red:#ff5d68}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#020304;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(231,180,60,.12),transparent 36%),linear-gradient(180deg,#07080a,#020304)}header{height:76px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #2d3036;background:rgba(4,5,6,.94);position:relative;z-index:5}.brand,.company,.header-actions,.health-row,.latest>div,.run-state{display:flex;align-items:center}.brand{gap:14px}.brand img{width:50px;height:50px;object-fit:cover;border-radius:12px;box-shadow:0 0 28px rgba(231,180,60,.15)}h1,h2,h3,p{margin:0}.brand h1{font-size:20px;letter-spacing:.08em}.brand p,.company small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.2em}.company{flex-direction:column;gap:3px}.company span{font-size:12px;font-weight:800;letter-spacing:.08em}.company small{color:var(--muted)}.header-actions{justify-content:flex-end;gap:8px}.online,.stream{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em}.health-row i,.online i,.run-state>i,.stream i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.icon,.menu-button,.online{height:38px;border:1px solid #363a42;border-radius:8px;background:#121419;color:var(--text)}.online{padding:0 12px}.icon{width:38px;display:grid;place-items:center}.menu-button{padding:0 13px;display:flex;align-items:center;gap:7px;cursor:pointer}.menu-popover{position:absolute;right:28px;top:64px;width:190px;padding:8px;border:1px solid #3a3e46;border-radius:10px;background:#121419;box-shadow:0 20px 50px #000}.menu-popover button{width:100%;padding:11px;border:0;border-radius:7px;background:transparent;color:#d9dde4;text-align:left;cursor:pointer}.menu-popover button:hover{background:#20242b}.mobile-tabs{display:none}.dashboard{position:relative;width:min(1500px,calc(100% - 40px));min-height:calc(100vh - 104px);margin:16px auto;border:1px solid #72591f;border-radius:18px;background:linear-gradient(145deg,rgba(24,27,32,.94),rgba(5,6,8,.96));box-shadow:0 0 0 5px rgba(231,180,60,.035),0 22px 70px #000;overflow:hidden}.dashboard:before{content:"";inset:0;border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.dashboard:before,.watermark{position:absolute;pointer-events:none}.watermark{left:50%;top:48%;width:min(54vw,740px);height:min(78vh,820px);object-fit:contain;transform:translate(-50%,-50%);opacity:.075;filter:saturate(.7)}.status-row{position:relative;z-index:1;min-height:108px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(78,83,94,.7);background:linear-gradient(90deg,rgba(15,17,20,.88),rgba(26,29,34,.54))}.eyebrow{margin-bottom:7px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.18em}.status-row h2{font-size:23px;letter-spacing:.03em}.subline{margin-top:5px;color:var(--muted);font-size:12px}.subline span{color:var(--gold);padding:0 5px}.run-state{gap:11px;padding:12px 15px;border:1px solid #343941;border-radius:9px;background:rgba(9,11,14,.72)}.run-state>i{width:10px;height:10px}.run-state div{display:grid;grid-gap:2px;gap:2px}.run-state small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.run-state strong{color:var(--green);font-size:12px}.body-grid{position:relative;z-index:1;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 270px;grid-gap:14px;gap:14px}.main-column{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.gauge,.panel{border:1px solid rgba(60,65,75,.82);border-radius:12px;background:linear-gradient(145deg,rgba(31,34,40,.78),rgba(11,13,16,.83));box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 26px rgba(0,0,0,.28)}.gauge{min-height:184px;padding:15px;text-align:center}.gauge>p{color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.13em}.dial{position:relative;width:150px;height:126px;margin:9px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#16191e 0 40%,transparent 42%),conic-gradient(from 282deg,var(--gold) 0 var(--fill),#343941 var(--fill) 158deg,transparent 158deg);border-radius:50%}.dial:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#121419}.dial small,.dial strong{position:relative;z-index:1}.dial strong{font-size:32px}.dial small{margin-top:4px;color:#747d8a;font-size:7px;font-weight:800;letter-spacing:.12em}.gauge.total{border-color:#72591f}.gauge.total strong{color:var(--gold)}.activity-panel{margin-top:12px;min-height:248px;padding:20px 22px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel h3{font-size:15px;letter-spacing:.06em}.log{margin-top:13px;border-top:1px solid #30343b}.log>div{min-height:35px;display:grid;grid-template-columns:65px 8px 1fr;align-items:center;grid-gap:10px;gap:10px;border-bottom:1px solid rgba(48,52,59,.65);font-size:11px}.log time{color:#69717e;font-family:ui-monospace,monospace}.log>div>i{width:5px;height:5px;border-radius:50%;background:#626b78}.log>div>i.accepted{background:var(--green);box-shadow:0 0 7px var(--green)}.log span{color:#cbd0d8}aside{display:grid;grid-gap:12px;gap:12px;align-content:start}.panel{padding:18px}.controls{display:grid;grid-gap:8px;gap:8px}.controls h3{margin-bottom:7px}.control{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #444a54;border-radius:8px;background:#141820;color:#dce1e8;font-weight:750;font-size:12px;cursor:pointer}.control:hover{background:#1d222c}.control.start{color:var(--green);border-color:#2f8950}.control.stop{color:var(--red);border-color:#89424b}.permission{margin-top:5px;display:flex;align-items:center;justify-content:center;gap:6px;color:#69717e;font-size:9px}.health{display:grid;grid-gap:0;gap:0}.health-row{height:36px;justify-content:space-between;border-bottom:1px solid #30343b;font-size:10px}.health-row:last-child{border:0}.health-row span{display:flex;align-items:center;gap:7px;color:var(--muted)}.health-row strong{color:#dfe4eb}.latest>strong{display:block;margin:12px 0;font-family:ui-monospace,monospace;font-size:12px}.latest>div{justify-content:space-between}.latest>div span{padding:5px 7px;border:1px solid #6e571e;border-radius:5px;background:#29210e;color:var(--gold);font-size:8px;font-weight:900}.latest small,.latest time{color:var(--muted);font-size:9px}.latest small{display:block;margin-top:10px}footer{position:relative;z-index:1;height:35px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30343b;color:#68717d;font-size:8px;font-weight:800;letter-spacing:.12em}.placeholder{width:min(760px,calc(100% - 30px));margin:90px auto;padding:60px;text-align:center;border:1px solid #343941;border-radius:16px;background:#111419}.placeholder svg{color:var(--gold)}.placeholder h2{margin:15px 0 8px}.placeholder p{color:var(--muted)}@media(max-width:1050px){header{grid-template-columns:1fr auto}.company{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard{min-height:auto}.watermark{width:75vw}}@media(max-width:700px){.app-shell{width:min(100%,560px);margin:auto;border-inline:1px solid #202226}header{height:70px;padding:0 13px}.brand img{width:44px;height:44px}.brand h1{font-size:16px}.brand p{font-size:8px}.header-actions .icon,.header-actions .online,.menu-button svg:first-child,.menu-button svg:last-child{display:none}.menu-button{width:42px;padding:0;font-size:0}.menu-button:before{content:"☰";font-size:19px}.menu-popover{right:12px;top:60px}.mobile-tabs{position:-webkit-sticky;position:sticky;top:0;z-index:4;padding:8px 12px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;background:rgba(6,7,8,.96);border-bottom:1px solid #292d33}.mobile-tabs button{height:40px;border:1px solid #343941;border-radius:8px;background:#121419;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase}.mobile-tabs button.active{border-color:#ffd662;background:linear-gradient(#ffd45c,#d9a727);color:#080808}.dashboard{width:calc(100% - 20px);margin:10px auto;border-radius:14px}.status-row{padding:20px;align-items:flex-start;gap:16px;flex-direction:column}.status-row h2{font-size:18px}.run-state{width:100%}.body-grid{grid-template-columns:1fr;padding:10px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.gauge{min-height:142px;padding:12px}.dial{width:112px;height:95px}.dial strong{font-size:26px}.activity-panel{min-height:260px;padding:16px}.log>div{grid-template-columns:56px 7px 1fr;font-size:9px}.stream{font-size:8px}aside{grid-template-columns:1fr}.controls{order:2}.watermark{width:125%;height:65%;top:38%;opacity:.06}footer{display:none}.placeholder{margin:20px auto;padding:40px 20px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(231,180,60,.13),transparent 35%),linear-gradient(180deg,#08090b,#020304)}.loading-card,.login-card{width:min(430px,100%);padding:38px;border:1px solid #72591f;border-radius:18px;background:linear-gradient(145deg,rgba(25,28,33,.96),rgba(7,8,10,.98));box-shadow:0 24px 80px #000;text-align:center}.loading-card img,.login-card>img{width:104px;height:104px;object-fit:cover;border-radius:24px;margin-bottom:17px;box-shadow:0 0 45px rgba(231,180,60,.13)}.login-card h1{font-size:28px;letter-spacing:.1em}.denied>p,.login-subtitle{margin:9px 0 25px;color:var(--muted);font-size:13px}.login-card form{display:grid;grid-gap:15px;gap:15px;text-align:left}.login-card label{display:grid;grid-gap:7px;gap:7px;color:#aab1bc;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card input{height:46px;padding:0 13px;border:1px solid #3c414a;border-radius:8px;outline:none;background:#0d1014;color:var(--text);font:inherit}.login-card input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,180,60,.09)}.denied>button,.login-card form button{height:46px;border:1px solid #f1c552;border-radius:8px;background:linear-gradient(#f1c552,#c99522);color:#080808;font-weight:900;cursor:pointer}.login-card form button:disabled{opacity:.65;cursor:wait}.login-card>small{display:block;margin-top:22px;color:#626b78;font-size:8px;font-weight:900;letter-spacing:.18em}.auth-error{padding:10px;border:1px solid #6e3339;border-radius:7px;background:rgba(255,93,104,.08);color:#ff8e96;font-size:11px;text-transform:none;letter-spacing:0}.loading-card{width:260px;padding:28px}.loading-card img{width:72px;height:72px}.loading-card p{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.16em}.denied svg{color:var(--gold);margin-bottom:16px}.denied h1{font-size:20px}.denied>button{width:100%}.menu-identity{margin:7px 3px;padding:11px 8px;border-top:1px solid #30343b;border-bottom:1px solid #30343b;display:grid;grid-gap:3px;gap:3px}.menu-identity strong{overflow:hidden;text-overflow:ellipsis;color:#dfe4eb;font-size:10px}.menu-identity span{color:var(--gold);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.menu-popover .logout{display:flex;align-items:center;gap:8px;color:#ff8e96}