:root{--bg:#091521;--panel:#0e1d2b;--line:#26394b;--txt:#b9c8d6;--muted:#667c91;--blue:#43b3ff;--green:#57e16d;--red:#ff5d68}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--txt);font-family:Segoe UI,Arial,sans-serif;font-size:12px}button,input,textarea{font:inherit}.app{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:160px;background:#0d1c2a;border-right:1px solid #1e3244;z-index:50;overflow:auto}.logo{height:64px;padding:16px 18px;border-bottom:1px solid #1a2c3d}.logo b{display:block;color:#fff;font-size:20px;letter-spacing:2px}.logo span{font-size:7px;letter-spacing:2px;color:#7ca4c4}.sec{font-size:8px;color:#486277;padding:15px 16px 5px}.side{width:calc(100% - 16px);margin:1px 8px;height:35px;border:0;background:none;color:#8fb4d0;text-align:left;display:flex;align-items:center;gap:9px;padding:0 9px;border-radius:4px}.side span svg{width:15px;height:15px}.side.active{background:#183047;color:#a9d4f3}.healthBox{margin:18px 8px;border:1px solid #294057;border-radius:5px;padding:11px}.healthBox b,.healthBox span{display:block}.healthBox span{font-size:8px;color:#698198;margin-top:8px}.healthBox b{font-size:9px;margin-top:2px}.healthBox .good{color:var(--green)}.healthBox .bad{color:var(--red)}main{margin-left:160px}.app header{height:55px;border-bottom:1px solid #203447;background:#0b1825;justify-content:space-between;padding:0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.app header,.headL,.headR{display:flex;align-items:center}.headL,.headR{gap:6px}header button{border:0;background:none;color:#8ab9da;padding:8px}.search{width:350px;height:35px;border:1px solid #2a4053;border-radius:4px;background:#101e2d;display:flex;align-items:center;gap:8px;padding:0 10px}.search svg{width:15px}.search input{width:100%;border:0;background:none;color:#aebdca;outline:0}.admin{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid #24394c}.admin i{width:31px;height:31px;border-radius:50%;background:#2c80c9;display:grid;place-items:center;color:#fff;font-style:normal}.admin b,.admin span{display:block}.admin span{font-size:8px;color:#698198}.content{padding:14px 16px}.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:5px;gap:5px}.tile{height:62px;border:1px solid #26394b;background:#0e1c2a;color:#8dacbf;text-align:left;padding:8px 10px}.tile.sel{border-color:#35aeff}.tile>div{display:flex;justify-content:space-between}.tile small{display:block;color:#4f6578;font-size:9px;margin-top:8px}.tile small.on{color:var(--green)}.tile small.err{color:var(--red)}.tile.add{display:grid;place-items:center}.panel{margin-top:11px;border:1px solid #2a4053;border-radius:5px;background:#0d1b29}.tabs{height:36px;border-bottom:1px solid #294052;display:flex;padding-left:10px}.tabs button{border:0;background:none;color:#43b4ff;padding:0 13px;position:relative}.tabs button.active:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:1px;background:#46b8ff}.body{display:grid;grid-template-columns:40% 60%}.left{border-right:1px solid #22384a}.left,.right{padding:16px}.check{display:flex;align-items:center;gap:7px;margin:8px 0 15px}.check input{accent-color:#3fa7e7}.field{display:block;position:relative;margin:12px 0}.field>span{position:absolute;top:-6px;left:8px;background:#0d1b29;padding:0 4px;color:#50677b;font-size:8px}.field input,.field textarea{width:100%;background:#101e2c;border:1px solid #30475a;color:#b9c8d6;padding:8px 10px;outline:0}.buttons{display:flex;gap:8px;align-items:center;margin-top:17px}.apply,.buttons button{height:34px;border:1px solid #31465a;border-radius:3px;background:#18293a;color:#c1ceda;padding:0 16px}.apply,.buttons .apply{background:linear-gradient(#318ed8,#235e9b);border-color:#3e8ed0;color:#fff}.buttons .remove{margin-left:auto;background:none;color:#ff606b;border-color:#6b2931;display:flex;align-items:center;gap:5px}.buttons svg{width:13px}.msg{color:var(--green);font-size:9px;margin-top:8px}.endpoint{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #203548}.endpointTitle{display:flex;justify-content:space-between;margin-bottom:8px}.endpointTitle b{font-size:9px;letter-spacing:.5px}.endpointTitle button{border:0;background:none;color:#63d26e}.epRow{display:grid;grid-template-columns:1fr 33px 33px 33px;grid-gap:3px;gap:3px}.epRow>div{border:1px solid #31475a;background:#101e2c;padding:4px 8px}.epRow span{display:block;color:#5edc72;font-size:9px}.epRow input{width:100%;border:0;background:none;color:#bdcad5;padding:4px 0;outline:0}.epRow>button{border:1px solid #294054;background:#112235;color:#48adf1}.info{display:grid;grid-template-columns:1fr 1fr;border:1px solid #263d50}.info>div{padding:10px 16px}.info>div+div{border-left:1px solid #213649}.infoRow{display:flex;justify-content:space-between;padding:6px 0}.infoRow span{color:#91a6ba}.infoRow b{font-weight:500;color:#d0dbe4}.errorBox{margin-top:10px;padding:10px;border:1px solid #632c34;color:#ff8a92;background:#23151a;white-space:pre-wrap;max-height:100px;overflow:auto}.placeholder{text-align:center;padding:80px;color:#698095}.modalBg{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;z-index:100}.modal{width:min(700px,94vw);background:#0e1d2b;border:1px solid #2a4256;padding:18px;border-radius:5px}.modalHead{display:flex;justify-content:space-between}.modalHead h3{margin:0}.modalHead p{color:#71869a}.modalHead button{border:0;background:none;color:#98adbf}.modalHead svg{width:18px}.modal>textarea{width:100%;background:#0b1723;border:1px solid #30495e;color:#bac9d6;padding:10px;outline:0}.parse{margin-top:10px}.m3uList{max-height:320px;overflow:auto;margin-top:12px}.m3uList>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #22384a;padding:9px}.m3uList b,.m3uList span{display:block}.m3uList span{font-size:9px;color:#6f8497;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m3uList button{background:#16344a;color:#65c2ff;border:1px solid #2b526b;padding:5px 10px}.mobileBtn{display:none}.mobileBtn svg{width:18px}@media(max-width:1400px){.grid{grid-template-columns:repeat(6,1fr)}.search{width:260px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}.body{grid-template-columns:1fr}.left{border-right:0;border-bottom:1px solid #22384a}.admin{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}main{margin-left:0}.mobileBtn{display:block}.search{display:none}.grid{grid-template-columns:repeat(2,1fr)}.headL>button:not(.mobileBtn){display:none}.info{grid-template-columns:1fr}.info>div+div{border-left:0;border-top:1px solid #213649}}.recoveryBox{margin-top:12px;padding:11px 14px;border:1px solid #d29922;background:rgba(210,153,34,.08);color:#f0c36a;font-size:12px;border-radius:3px;font-weight:700;letter-spacing:.2px}.loginPage{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#122d43 0,#091521 44%,#07111b 100%);padding:20px}.loginCard{width:min(410px,94vw);background:#0d1b29;border:1px solid #2a4256;border-radius:8px;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.loginLogo{margin-bottom:30px}.loginLogo b{display:block;color:#fff;font-size:28px;letter-spacing:3px}.loginLogo span{font-size:8px;letter-spacing:3px;color:#7ca4c4}.loginCard h2{margin:0 0 5px;color:#e5eff7;font-size:20px}.loginCard>p{margin:0 0 24px;color:#70889b}.loginCard label{display:block;color:#658095;font-size:9px;letter-spacing:.6px;margin:15px 0}.loginCard input{display:block;width:100%;height:40px;margin-top:6px;background:#101f2e;border:1px solid #30495d;border-radius:4px;color:#d5e1ea;padding:0 11px;outline:0}.loginCard input:focus{border-color:#43b3ff}.loginCard>button{width:100%;height:41px;border:1px solid #3e8ed0;border-radius:4px;background:linear-gradient(#318ed8,#235e9b);color:#fff;font-weight:700;margin-top:6px}.loginCard small{display:block;text-align:center;color:#60788c;margin-top:18px}.loginError{border:1px solid #632c34;background:#23151a;color:#ff8a92;padding:9px;border-radius:4px}.topActive{color:#60c0ff!important}.headR svg{width:16px;height:16px}.pageTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pageTitle h2{margin:0;color:#e6eff6;font-size:18px}.pageTitle p{margin:4px 0 0;color:#6f8497}.emptyState button,.logTools button,.pageTitle button{height:32px;border:1px solid #31526b;background:#12324a;color:#75c9ff;border-radius:3px;padding:0 13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.stat{background:#0d1b29;border:1px solid #263c50;border-radius:5px;padding:14px}.stat span{display:block;color:#71889b;font-size:9px;text-transform:uppercase}.stat b{display:block;margin-top:5px;color:#dfe9f1;font-size:23px}.stat.good b{color:#57e16d}.stat.warn b{color:#e6b85c}.dashSection{background:#0d1b29;border:1px solid #263c50;border-radius:5px;min-height:320px;padding:14px}.dashHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashHead h3{margin:0;color:#dce7ef;font-size:13px}.dashHead span{color:#6f8799;font-size:9px}.channelGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.channelCard{border:1px solid #294256;border-radius:5px;background:#0f2030;color:#b9c8d6;padding:12px;text-align:left;min-width:0}.channelCard:hover{border-color:#3897d5}.channelTop{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:7px;gap:7px;border-bottom:1px solid #20384b;padding-bottom:9px;margin-bottom:6px}.channelTop b{color:#dbe6ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channelTop em{font-style:normal;text-transform:uppercase;font-size:8px;color:#62d77a}.dot{width:7px;height:7px;border-radius:50%;background:#687b8c}.dot.active{background:#57e16d;box-shadow:0 0 8px rgba(87,225,109,.5)}.dot.reconnecting,.dot.starting{background:#e6b85c;box-shadow:0 0 8px rgba(230,184,92,.4)}.channelData .infoRow{font-size:10px;border-bottom:1px dotted #1d3345}.channelData .infoRow:last-child{border:0}.channelData .infoRow b{max-width:62%}.channelData .infoRow b,.miniError{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniError{margin-top:8px;color:#e6b85c;font-size:9px}.emptyState{min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#698095;text-align:center}.emptyState svg{width:34px;height:34px;margin-bottom:8px;color:#365a73}.emptyState h3{margin:5px;color:#a9bbc9}.emptyState p{max-width:480px}.emptyState.small{min-height:220px}.tile small.warn{color:#e6b85c}.epRow.simple{grid-template-columns:1fr}.logsPage{padding-bottom:30px}.logTools{display:flex;gap:7px}.logTools select{height:32px;background:#101e2c;border:1px solid #30475a;color:#b9c8d6;border-radius:3px;padding:0 10px}.logTable{border:1px solid #263c50;background:#0d1b29;border-radius:5px;overflow:hidden}.logHeader,.logRow{display:grid;grid-template-columns:155px 70px 110px 1fr;grid-gap:10px;gap:10px;align-items:start;padding:9px 11px}.logHeader{background:#102335;color:#668298;font-size:8px;text-transform:uppercase}.logRow{border-top:1px solid #1e3345;font-size:10px}.logRow>span:first-child{color:#71889b}.logRow code{font-family:Consolas,monospace;color:#b7c6d2;white-space:pre-wrap;word-break:break-word}.level{text-transform:uppercase;font-weight:700;font-size:8px}.level.info{color:#65bfff}.level.warn{color:#e6b85c}.level.error{color:#ff6f78}.emptyLogs{padding:70px;text-align:center;color:#647e91}@media(max-width:1350px){.channelGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.channelGrid,.stats{grid-template-columns:repeat(2,1fr)}.logHeader,.logRow{grid-template-columns:135px 60px 90px 1fr}}@media(max-width:760px){.channelGrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.pageTitle{align-items:flex-start;gap:10px}.logTools{flex-direction:column}.logHeader{display:none}.logRow{grid-template-columns:1fr;padding:12px}.logRow>span:first-child:before{content:"Time: ";color:#50687a}.logRow>span:nth-child(3):before{content:"Adapter: ";color:#50687a}}