:root{font-family:'DM Sans',Arial,sans-serif;color:#162333;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.login-body{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:white}.login-art{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 83% 74%,#115d68 0,transparent 31%),radial-gradient(circle at 17% 55%,#123d62 0,transparent 36%),#071e35;color:#fff;padding:47px 7.6%;display:flex;flex-direction:column;justify-content:space-between}.login-art:before,.grid-glow{content:"";position:absolute;inset:0;pointer-events:none}.login-art:before{background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black)}.grid-glow{background:radial-gradient(circle at 75% 50%,#1aa4a926,transparent 39%)}.login-brand,.login-art-copy,.login-art-footer{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.2em;font-weight:700;color:#d3e4ef}.brand-mark{height:43px;width:43px;border:1px solid #5bd5c2;border-radius:11px;background:#2bbda31f;color:#e6fff9;display:flex;align-items:center;justify-content:center;font:800 24px Manrope,Arial;letter-spacing:-.1em;padding-right:4px}.brand-mark span,.mobile-brand span{color:#55d9ba}.login-art-copy{max-width:590px;margin-top:-5%}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:#b2dacd;display:flex;align-items:center;gap:10px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d6ae;box-shadow:0 0 0 4px #34d6ae20;flex:none}.login-art h1{font:800 clamp(46px,5vw,76px)/1.13 Manrope,Arial;letter-spacing:-.065em;margin:29px 0 24px}.login-art h1 em{font-style:normal;color:#51d9bb}.login-art-copy p{font-size:17px;line-height:1.8;color:#b6c9da;max-width:450px}.login-art-footer{display:flex;justify-content:space-between;letter-spacing:.15em;font-size:10px;color:#89a5b7;font-weight:700}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px}.login-form-wrap{width:min(100%,410px)}.panel-kicker{font-size:11px;font-weight:800;letter-spacing:.17em;color:#0a9c8a}.login-form-wrap h2{font:800 36px/1.2 Manrope,Arial;letter-spacing:-.045em;margin:19px 0 10px}.muted{color:#8291a2}.login-form-wrap .muted{font-size:15px;line-height:1.65;margin:0 0 38px}.login-form{display:flex;flex-direction:column}.login-form label,.dialog-form label:not(.check){font-size:13px;font-weight:700;color:#35475a;margin:0 0 9px}.login-form input,.dialog-form input:not([type=checkbox]){width:100%;height:49px;border:1px solid #dfe6ed;border-radius:9px;background:#fff;padding:0 15px;outline:0;color:#1b2937;transition:border-color .2s,box-shadow .2s}.login-form input:focus,.dialog-form input:focus,#search:focus{border-color:#25aa98;box-shadow:0 0 0 3px #25aa9825}.login-form input{margin-bottom:24px}.login-form input::placeholder,.dialog-form input::placeholder{color:#a7b2be}.button{border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:43px;padding:0 18px;font-weight:700;font-size:13px;white-space:nowrap}.button.primary{background:#079d8d;color:white;box-shadow:0 5px 14px #079d8d25}.button.primary:hover{background:#078b7e}.button.outline{background:white;border-color:#dce4ec;color:#415466}.button.outline:hover{background:#f6f9fb}.button.small{height:35px;padding:0 13px;font-size:12px}.login-submit{height:51px;margin-top:3px;justify-content:space-between;padding:0 20px}.login-submit span{font-size:21px;font-weight:400}.login-help{margin-top:29px;font-size:12px;color:#98a5b1;display:flex;align-items:center;gap:10px}.lock-icon{font-size:20px;color:#0a9c8a}.alert{background:#fff1ef;border:1px solid #f5c5c0;color:#a2413a;border-radius:8px;padding:12px 14px;margin-bottom:23px;font-size:13px}.mobile-brand{display:none}.app-body{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#0b2238;color:#d9e5ed;display:flex;flex-direction:column;padding:28px 15px;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 12px 45px;font:800 14px Manrope,Arial;letter-spacing:.08em;color:#fff}.sidebar-brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:#64d4bd;margin-top:4px}.sidebar .brand-mark{width:39px;height:39px;font-size:22px}.nav-caption{font-size:10px;letter-spacing:.18em;color:#7793a9;font-weight:800;margin:0 13px 14px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:8px;color:#9db3c5;font-size:13px;font-weight:600}.nav-link span{font-size:18px;width:20px;text-align:center;font-weight:400}.nav-link:hover,.nav-link.active{background:#183b50;color:#fff}.nav-link.active{box-shadow:inset 3px 0 #36d0b3}.sidebar-bottom{margin-top:auto}.sidebar-status{padding:14px 12px;border:1px solid #294359;border-radius:9px;color:#a2bbcb;font-size:11px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.logout{width:100%;background:transparent;border:0;color:#a9c0ce;text-align:left;padding:12px;font-size:18px;display:flex;align-items:center;gap:13px}.logout span{font-size:13px}.main-shell{margin-left:240px;width:calc(100% - 240px)}.topbar{height:71px;background:#fff;border-bottom:1px solid #e9edf1;display:flex;align-items:center;justify-content:space-between;padding:0 37px}.breadcrumb{font-size:12px;color:#8c99a8}.breadcrumb span{margin:0 10px;color:#c2cbd3}.breadcrumb b{color:#405064;font-weight:700}.topbar-right{display:flex;align-items:center;gap:11px;font-size:12px;color:#4b5c6d}.refresh-note{color:#97a4af;margin-right:16px}.avatar{height:31px;width:31px;border-radius:50%;background:#d7f6ee;color:#098f80;display:flex;align-items:center;justify-content:center;font-weight:800}.content{max-width:1580px;margin:0 auto;padding:38px 38px 34px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow.dark{color:#079d8d;font-size:10px}.page-heading h1{font:800 clamp(27px,2.5vw,37px)/1.2 Manrope,Arial;letter-spacing:-.05em;margin:13px 0 8px}.period{color:#0aa58f}.page-heading p,.section-heading p,.panel-head p{font-size:13px;color:#8292a0;margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:37px}.stat-card{background:#fff;border:1px solid #e7edf2;border-radius:12px;padding:20px 21px 19px;box-shadow:0 4px 15px #172f4608}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#687b8b;font-size:12px;font-weight:700}.stat-icon{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.stat-icon.green{background:#e3f8f2;color:#17a98b}.stat-icon.amber{background:#fff5e6;color:#e7a53f}.stat-icon.blue{background:#eaf1ff;color:#537fc2}.stat-icon.purple{background:#f2ebff;color:#9973d4}.stat-card strong{font:800 36px/1.2 Manrope,Arial;letter-spacing:-.05em;display:block;margin:10px 0}.stat-foot{display:flex;align-items:center;gap:7px;color:#93a0ad;font-size:11px}.tiny-dot{width:7px;height:7px;border-radius:50%}.green-bg{background:#20c49e}.amber-bg{background:#f0ac4a}.section-heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading{margin-bottom:17px}.section-heading h2,.panel-head h2{font:800 17px Manrope,Arial;letter-spacing:-.025em;margin:0 0 5px}.table-controls{display:flex;gap:10px}.table-controls input,.table-controls select{background:#fff;border:1px solid #e1e8ee;border-radius:8px;height:37px;color:#6c7c8c;font-size:12px;outline:0;padding:0 12px}.table-controls input{width:210px}.table-controls select{width:150px}.table-card,.panel{background:#fff;border:1px solid #e5ecf1;border-radius:12px;box-shadow:0 4px 16px #172f4607}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{font-size:10px;color:#95a4b0;letter-spacing:.08em;font-weight:800;text-align:left;background:#fbfcfd;padding:15px 20px;border-bottom:1px solid #edf1f4}td{font-size:12px;color:#5f7282;padding:15px 20px;border-bottom:1px solid #eff2f5}tr:last-child td{border-bottom:0}.subscriber-name{color:#23354a;font-weight:700}.subscriber-avatar{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:7px;background:#eef5f6;color:#167e82;margin-right:10px;font-weight:800;font-size:11px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 10px;font-weight:700;font-size:10px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.online{background:#e4f8f0;color:#12a47f}.status-pill.offline{background:#fff0ec;color:#d77159}.status-pill.unknown{background:#eef2f5;color:#82909f}.table-footer{border-top:1px solid #edf1f4;padding:14px 20px;color:#96a4af;font-size:11px;display:flex;justify-content:space-between}.empty{padding:36px 20px;color:#91a1ad;text-align:center;font-size:12px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.panel{padding:20px 21px;min-height:260px}.panel-head{margin-bottom:20px}.router-list,.event-list{display:flex;flex-direction:column;gap:0}.router-row,.event-row{padding:13px 0;border-top:1px solid #edf1f4;display:flex;align-items:center;gap:11px}.router-icon{width:36px;height:36px;border-radius:8px;background:#e8f3f5;color:#397d89;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}.router-details,.event-details{min-width:0;flex:1}.router-details strong,.event-details strong{font-size:12px;color:#33485b;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.router-details small,.event-details small{color:#96a4af;font-size:10px;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.router-actions{display:flex;align-items:center;gap:9px}.router-actions button{background:transparent;border:0;color:#a3b0b8;font-size:16px;padding:3px}.router-actions button:hover{color:#c94a4a}.router-error{color:#c56f58!important;white-space:normal!important}.event-symbol{width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}.event-symbol.online{background:#e5f8f2;color:#13a783}.event-symbol.offline{background:#fff1ec;color:#d8765b}.event-time{font-size:10px;color:#a0adba;white-space:nowrap}.activity-icon{color:#90a4b1;font-size:20px}.account-settings{display:flex;justify-content:space-between;margin-top:27px;font-size:11px;color:#acb7c1}.account-settings button{border:0;background:transparent;color:#748b9d;font-size:11px;padding:0}.account-settings button:hover{color:#0b9e8b}dialog{border:0;border-radius:14px;padding:0;box-shadow:0 30px 80px #081e3750;width:min(94vw,510px)}dialog::backdrop{background:#061e36a8}.dialog-form{padding:28px}.dialog-head{margin-bottom:25px}.dialog-head h2{font:800 22px Manrope,Arial;letter-spacing:-.04em;margin:8px 0}.dialog-head p{color:#8292a0;font-size:12px;line-height:1.5;margin:0}.dialog-form label:not(.check){display:block;margin-bottom:15px}.dialog-form input:not([type=checkbox]){display:block;margin-top:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row:first-of-type{grid-template-columns:2fr 1fr}.check{display:flex;align-items:center;gap:8px;font-size:12px;color:#617487;margin:12px 0}.check input{accent-color:#0a9e8d}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar{width:205px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.content{padding:30px 24px}.topbar{padding:0 24px}}@media(max-width:760px){.login-body{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{display:block;font:800 27px Manrope,Arial;color:#0b263c;margin-bottom:57px}.mobile-brand small{font-size:12px;letter-spacing:.1em;margin-left:6px}.app-body{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:9px 14px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar-brand{padding:0;font-size:11px}.sidebar-brand .brand-mark{width:31px;height:31px;font-size:18px}.sidebar-brand small,.nav-caption,.sidebar nav,.sidebar-status{display:none}.sidebar-bottom{margin:0}.logout{width:auto;padding:4px}.logout span{display:none}.main-shell{margin:0;width:100%}.topbar{height:50px;padding:0 17px}.refresh-note,.admin-name{display:none}.content{padding:27px 16px}.page-heading{align-items:flex-start}.page-heading .button span{display:none}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.stats{gap:9px;margin-bottom:28px}.stat-card{padding:14px}.stat-top{font-size:10px}.stat-card strong{font-size:27px}.stat-foot{font-size:9px}.section-heading{display:block}.table-controls{margin-top:15px}.table-controls input{flex:1;min-width:0}.table-controls select{width:125px}.lower-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.dialog-form{padding:22px}}