:root{--bg:#07111f;--panel:#0d1b2e;--card:#10233b;--line:#203653;--text:#e9f2ff;--muted:#8ca4c3;--blue:#2f80ff;--green:#17c964;--red:#ef4444;--amber:#f5a524}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(135deg,#060b14,#0b1729 45%,#07111f);margin:0;font-family:Inter,Segoe UI,Arial}button,.button{color:#fff;cursor:pointer;background:#1d3353;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover{filter:brightness(1.15)}input,select,textarea{border:1px solid var(--line);color:#fff;background:#0a1627;border-radius:12px;width:100%;padding:12px}textarea{min-height:80px}.login{place-items:center;height:100vh;display:grid}.loginBox{border:1px solid var(--line);background:#10233beb;border-radius:28px;width:430px;padding:34px;box-shadow:0 30px 80px #0008}.brand,.logo{color:#7db3ff;align-items:center;gap:10px;display:flex}.login h1{font-size:28px}.loginBox input{margin:8px 0}.loginBox button{background:var(--blue);justify-content:center;width:100%;margin-top:12px}.err{color:#ff8a8a}.app{min-height:100vh;display:flex}aside{border-right:1px solid var(--line);background:#07101d;width:250px;padding:20px;position:fixed;top:0;bottom:0}.logo{margin-bottom:25px;font-size:22px;font-weight:900}.nav,.logout{color:#b9c9df;background:0 0;justify-content:flex-start;width:100%;margin:6px 0}.nav.active{color:#fff;background:#163050}.logout{width:210px;position:absolute;bottom:20px}.logout:hover{color:#fff;background:#371722}main{width:calc(100% - 250px);margin-left:250px;padding:24px}header{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1b2ebf;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:18px 22px;display:flex}h1,h2,h3{margin:0 0 6px}p{color:var(--muted);margin:4px 0}.headActions,.cardActions,.scteButtons,.sectionBar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{border:1px solid var(--line);color:#cfe2ff;background:#0a1627;border-radius:999px;padding:10px 14px}.danger{background:#6c1722!important}.success{background:#0e703c!important}.warn{background:#8a5a07!important}.sectionBar{justify-content:space-between;margin-bottom:14px}.cards{grid-template-columns:repeat(auto-fill,minmax(510px,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#122844,#0d1c31);border-radius:24px;padding:16px;box-shadow:0 18px 40px #0005}.cardTop{justify-content:space-between;align-items:start;display:flex}.status{border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900}.status.on{color:#35ff91;background:#063d25}.status.off{color:#ff8795;background:#3c1320}.videoWrap{background:#000;border:1px solid #28486f;border-radius:18px;width:480px;max-width:100%;margin:12px 0;overflow:hidden}.previewVideo{background:#000;width:480px;max-width:100%;height:270px;display:block}.meta{border:1px solid var(--line);background:#0a1627;border-radius:14px;margin:10px 0;padding:10px}.meta code{color:#9fd0ff;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;display:block;overflow:hidden}.profileGrid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.profile{border:1px solid var(--line);background:#0a1627;border-radius:14px;grid-template-columns:1fr auto;gap:3px;padding:10px;display:grid}.profile span{color:#8ca4c3}.profile b{color:#fff;grid-column:1}.profile button{grid-area:1/2/3;padding:8px}.panel{border:1px solid var(--line);background:#0d1b2ed1;border-radius:24px;padding:20px}.formGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0;display:grid}.table{border:1px solid var(--line);border-radius:16px;margin-top:16px;overflow:auto}table{border-collapse:collapse;background:#0a1627;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1c314e;padding:12px}th{color:#9ec8ff;background:#10233b}.distList{gap:10px;display:grid}.dist{border:1px solid var(--line);background:#0a1627;border-radius:16px;grid-template-columns:220px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.dist code{color:#a9d4ff;text-overflow:ellipsis;overflow:hidden}.hint{margin-bottom:14px}.settingsCards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.settingsCards>div{border:1px solid var(--line);background:#0a1627;border-radius:18px;padding:18px}.modal{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modalBox{border:1px solid var(--line);background:#10233b;border-radius:24px;width:560px;max-width:95vw;padding:22px;box-shadow:0 40px 100px #000}.modalBox>*{margin-bottom:10px}@media (width<=800px){aside{width:100%;height:auto;position:static}.app{display:block}main{width:100%;margin:0;padding:12px}header{display:block}.cards,.dist,.profileGrid{grid-template-columns:1fr}.previewVideo,.videoWrap{width:100%;height:auto}.logout{width:100%;position:static}}