:root{--panel-navy:#142139;--panel-blue:#3269e8;--panel-muted:#758196;--panel-border:#e8ecf3;--lte-sidebar-width:250px}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;color:#26354c;background:#f5f7fb!important}.app-sidebar{background:var(--panel-navy)!important;color:#b3bfd0}.sidebar-brand{border-bottom:1px solid #ffffff0d;height:76px}.brand-link{gap:10px}.brand-mark{width:32px;height:32px;background:#356bef;display:grid;place-items:center;border-radius:9px;color:#fff}.brand-text{font-size:19px;letter-spacing:-.6px}.brand-accent{color:#7da7ff}.sidebar-wrapper{padding:23px 14px;position:relative}.sidebar-section{font-size:10px;letter-spacing:1.45px;font-weight:700;color:#697b96;margin:3px 14px 13px}.sidebar-menu .nav-link{border-radius:7px!important;padding:12px 14px!important;color:#b5c2d6!important;margin-bottom:5px;gap:12px}.sidebar-menu .nav-link.active{background:#2a4171!important;color:#fff!important;box-shadow:none!important}.sidebar-menu .nav-link:hover{background:#ffffff09}.sidebar-menu .nav-icon{font-size:18px!important}.sidebar-menu p{font-size:13px}.sidebar-note{margin:80px 10px 15px;padding:18px 14px;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:7px;color:#85a4d8}.sidebar-note strong{font-size:12px;color:#b9c9e3}.sidebar-note span{font-size:11px;color:#7c8da9}.app-header{min-height:76px;border-bottom:1px solid var(--panel-border)}.header-crumb{font-size:12px;color:#778397}.header-crumb strong{font-weight:500;color:#465671}.admin-avatar{background:#eef3ff;color:#386bdc;font-size:13px;font-weight:700;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.live-label{font-size:11px;color:#6c7c90;display:flex;gap:7px;align-items:center}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30b58d;box-shadow:0 0 0 3px #30b58d13}.app-content-header{padding:30px 20px 17px}.app-content{padding:0 20px 28px}.app-content-header h1{font-size:27px;letter-spacing:-.7px;font-weight:700;margin:5px 0 7px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#94a0b3;font-weight:700}.page-description{font-size:12px;color:#7b889a;margin:0}.btn{border-radius:7px;font-size:12px;font-weight:500;padding:9px 14px}.btn-sm{padding:6px 10px;font-size:11px}.btn-primary{background:#3269e8;border-color:#3269e8;box-shadow:0 3px 6px #3269e819}.btn-outline-secondary{border-color:#dce2ec;color:#54657e;background:#fff}.form-control,.form-select{font-size:13px;border-color:#dfe5ee;border-radius:7px;padding:10px 12px}.form-label{font-weight:600;font-size:12px}.form-text{font-size:11px}.update-line{display:flex;gap:8px;align-items:center;color:#8a95a7;font-size:10px;margin:0 0 18px}.metric-card{padding:20px 21px;background:#fff;border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 3px 5px #172c4c02;height:100%}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#67758a;font-size:12px}.metric-top i{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-size:18px}.icon-blue{color:#3269e8;background:#eff4ff}.icon-green{color:#20a883;background:#eaf8f2}.icon-purple{color:#8659d5;background:#f3eefc}.metric-value{font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.5;margin-top:8px}.metric-value.speed{font-size:26px;line-height:1.95;letter-spacing:-.6px}.metric-bottom{font-size:10px;color:#92a0b2}.card{border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 3px 5px #172c4c02;margin-bottom:24px;overflow:hidden}.card-header{background:#fff;border-bottom:1px solid #edf0f5;padding:18px 21px;display:flex;align-items:center}.card-title{font-size:13px;font-weight:650;margin:0;float:none}.card-body{padding:21px}.card-footer{border-color:#edf0f5;padding:15px 21px}.chart-container{height:265px;position:relative}.short-chart{height:190px}.traffic-summary{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:0 0 22px;font-size:10px;color:#8794a5}.traffic-summary>div{display:grid;grid-template-columns:8px 1fr;column-gap:6px;align-items:center}.traffic-summary strong{grid-column:2;color:#3c4c64;font-size:18px;font-weight:600;margin-top:4px}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.legend-dot.rx{background:#376ff0}.legend-dot.tx{background:#27b899}.chart-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#9ba6b5;background:#fff}.chart-empty i{font-size:30px;color:#b3c5e3}.chart-empty strong{font-size:13px;color:#72829a}.chart-empty span{font-size:11px;text-align:center}.resource{margin:11px 0 31px}.resource>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px;color:#748196}.resource strong{color:#3c4d65;font-weight:600}.progress{height:5px;background:#eff2f8;border-radius:10px}.progress-bar{border-radius:10px;background:#4579ed;transition:width .5s}.system-meta{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid #eef1f6;padding:18px 0;color:#8190a3}.system-meta strong{color:#51617a}.subtle-tag{font-size:8px;letter-spacing:1px;color:#8797ad;background:#f1f4f9;padding:4px 6px;border-radius:4px}.subtle-link{font-size:11px;text-decoration:none}.subtle-link i{float:right}.table>:not(caption)>*>*{padding:16px 21px;border-color:#eff2f6;color:#5f6f85}.table thead th{background:#fafbfd;text-transform:uppercase;font-weight:600;font-size:9px;letter-spacing:.7px;color:#8c98a9;white-space:nowrap}.table tbody td{font-size:12px}.table tbody tr:last-child td{border-bottom:0}.device-link{display:inline-flex;align-items:center;gap:11px;font-weight:600;color:#35455f;text-decoration:none}.device-icon{display:inline-grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#6d87ab;width:34px;height:34px;font-size:17px}.device-icon.large{width:58px;height:58px;font-size:26px}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;border-radius:5px;padding:4px 7px;background:#f2f4f7;color:#8894a6;white-space:nowrap}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.online{background:#ecf9f2;color:#20a778}.status-badge.offline{background:#fff0ef;color:#d86d66}.status-badge.unknown{background:#fff7e7;color:#bc902e}.empty-table{text-align:center;padding:38px!important;color:#97a2b3!important}.empty-state{padding:64px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#8f9cb0}.empty-state>i{font-size:42px;color:#9aafd0;margin-bottom:20px}.empty-state h3{font-size:18px;color:#495c77}.empty-state p{font-size:12px;margin-bottom:22px}.source-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eff2f6;font-size:12px}.source-row:last-child{border-bottom:0}.detail-label{display:block;font-size:10px;color:#929fb0;margin-bottom:8px}.detail-list{display:grid;grid-template-columns:1fr 1.4fr;gap:13px;margin:0;font-size:12px;overflow-wrap:anywhere}.detail-list dt{font-weight:400;color:#7e8da2}.detail-list dd{margin:0;color:#40536e}.nav-tabs .nav-link{font-size:12px;color:#7d8ba0;border:0;padding:12px 18px;border-radius:0}.nav-tabs .nav-link.active{color:#3269e8;font-weight:600;border-bottom:2px solid #3269e8}.notes{font-size:13px;line-height:1.8;color:#5e6c81}#router-frame{width:100%;height:72vh;min-height:500px;border:0;background:#fff}.router-notice{padding:10px 20px;font-size:12px;background:#f8fafc;color:#7c8da2}#router-shell:fullscreen{background:#fff;border-radius:0;margin:0;display:flex;flex-direction:column;width:100%;height:100%}#router-shell:fullscreen iframe{flex:1;height:auto;min-height:0}.app-footer{padding:18px 32px;border-top:1px solid var(--panel-border);font-size:10px;background:#fff;color:#7e8ca0}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:#edf1f8!important}.auth-shell{width:min(1000px,100%);min-height:620px;background:#fff;display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #18325215}.auth-aside{padding:45px;color:#cad6e9;background:radial-gradient(ellipse at 40% 100%,#284672,transparent 75%),#142139;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{font-size:24px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.8px}.auth-brand span{color:#7da7ff}.auth-aside .eyebrow{color:#7c9fd4;margin-bottom:16px}.auth-aside h1{font-size:34px;font-weight:650;letter-spacing:-1px;line-height:1.3;color:white}.auth-aside p{font-size:13px;line-height:1.8;max-width:320px;margin-top:20px}.auth-aside small{font-size:10px;color:#6d84a5}.network-art{display:flex;align-items:center;margin-top:35px;max-width:300px;opacity:.65}.network-art i{font-size:24px;border:1px solid #6987b455;padding:12px;border-radius:13px}.network-art span{flex:1;height:1px;background:#7899c5}.auth-form{padding:60px 48px;align-self:center}.auth-form h2{font-size:24px;font-weight:650;letter-spacing:-.5px}.auth-form>p{font-size:12px}.auth-icon{width:48px;height:48px;background:#eef4ff;border-radius:12px;color:#3269e8;display:grid;place-items:center;font-size:24px;margin-bottom:24px}.mfa-qr{display:block;width:190px;height:190px;margin:auto}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;gap:10px;margin-top:20px}.recovery-grid code{background:#f2f5fb;padding:10px;border-radius:6px;text-align:center}.alert{font-size:12px;border-radius:8px;line-height:1.7}code{font-size:11px;color:#6b7f9f}a{text-decoration:none}@media(max-width:991px){.header-crumb{display:none}.app-content-header{padding:22px 6px 16px}.app-content{padding:0 6px}.sidebar-note{display:none}}@media(max-width:650px){.auth-shell{grid-template-columns:1fr;min-height:0}.auth-aside{display:none}.auth-form{padding:35px 24px}.auth-page{padding:18px}.live-label{display:none}.metric-value.speed{font-size:23px}.traffic-summary{gap:15px}.detail-list{grid-template-columns:1fr}.app-footer .float-end{display:none}.table>:not(caption)>*>*{padding:12px}.recovery-grid{grid-template-columns:1fr}}