:root{font-family:Segoe UI,Tahoma,sans-serif;color:#10223c;background:#edf1f7}*{box-sizing:border-box}body{margin:0}.screen{min-height:100vh}.center{display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:24px;box-shadow:0 10px 30px #10223c2e}h1{margin:0 0 8px}p{margin-top:0;color:#41556f}form{display:grid;gap:10px}label{font-weight:600}input,select{height:42px;border-radius:8px;border:1px solid #c2d0df;padding:0 12px;width:100%}button{height:38px;border:none;border-radius:8px;background:#0057b8;color:#fff;font-weight:700;cursor:pointer;padding:0 12px}.error{color:#a30e0e;font-weight:600}.ok{color:#12642f;font-weight:600}.app-layout{display:grid;grid-template-columns:196px 1fr;background:#edf1f7;min-height:100vh}.sidebar{height:100vh;position:sticky;top:0;overflow:hidden;background:#f7fbff;color:#17345c;padding:12px;display:flex;flex-direction:column;gap:14px;border-right:1px solid #d2e0f1}.sidebar-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar-logo{display:block;width:100%;max-width:160px;height:auto;object-fit:contain}.menu-toggle{width:100%;background:#e9f2ff;color:#1b4d86;border:1px solid #c7dbf5}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:8px;padding-right:2px}.sidebar-footer{margin-top:auto;display:grid;gap:8px;padding-top:12px;border-top:1px solid #d2e0f1;text-align:center}.sidebar-footer h1{margin:0;line-height:1.05;color:#16345a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.sidebar-footer p{margin:0;color:#496383;font-size:12px;line-height:1.2}.tab{width:100%;text-align:left;background:#fff;color:#2a4e79;border:1px solid #d5e2f1;display:flex;justify-content:space-between;align-items:center}.tab.active{background:#eaf3ff;color:#173f72;border-color:#bcd2ee}.arrow{font-size:14px;color:#3a6292}.submenu-list{margin-top:6px;margin-left:10px;padding-left:8px;border-left:2px solid #d5e4f7;display:flex;flex-direction:column;gap:6px}.subtab{width:100%;text-align:left;background:#f8fbff;color:#2f557f;border:1px solid #dbe7f6;height:34px;font-size:13px}.subtab.active{background:#dcebff;color:#173f72;border-color:#b8d0ef}.logout{background:#eaf3ff;color:#173f72;border:1px solid #bcd2ee}.workspace{min-width:0}.content{padding:20px;font-size:13px}.content.content-compact{padding-top:14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #d7e1ef;padding:8px;text-align:left}.table th{background:#f3f7fd}.actions{display:flex;gap:8px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi{background:#fff;border-radius:10px;padding:14px;border:1px solid #d7e1ef;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.kpi h3{margin:0 0 8px;font-size:15px;color:#304a6f;text-align:center}.kpi strong{font-size:28px;text-align:center}.search{max-width:420px;margin-bottom:10px;background:#fff}.badge{display:inline-block;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:700;text-transform:capitalize}.badge.borrador{background:#f3e5b7;color:#5f4700}.badge.pendiente{background:#f9d0a8;color:#7e3f00}.badge.pagado{background:#bdecc8;color:#0f5b2e}.badge.eliminado{background:#f1c4c4;color:#7b1e1e}@media (max-width: 980px){.app-layout{grid-template-columns:1fr}.sidebar{height:auto;min-height:auto;position:static;overflow:visible}.sidebar-nav{overflow:visible;max-height:none}}.subpage-tabs{display:flex;gap:8px;margin-bottom:12px}.subpage-tab{background:#fff;color:#2b4d79;border:1px solid #d2e0ef;height:36px}.subpage-tab.active{background:#e7f0ff;border-color:#b7ceed;color:#173f72}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.table-clickable tbody tr{cursor:pointer}.table-clickable tbody tr:hover{background:#f6faff}.customer-detail{margin-top:14px;background:#fff;border:1px solid #d7e1ef;border-radius:10px;padding:12px}.form-section-title{grid-column:1 / -1;margin:6px 0 2px;color:#2b4d79;font-size:16px}.map-link{grid-column:1 / -1;display:inline-block;color:#0057b8;text-decoration:none;font-weight:600;margin-top:-2px}.map-link:hover{text-decoration:underline}.servers-layout{display:grid;gap:20px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.section-head h3{margin:0;color:#27496f}.server-form{background:#fff;border:1px solid #d7e1ef;border-radius:8px;padding:12px;margin-top:12px}.monitor-page{display:grid;gap:12px;color:#10223c}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7faff;border:1px solid #d7e1ef;border-radius:8px;padding:12px}.monitor-head h2{margin:0}.monitor-table td,.monitor-table th{text-align:center;vertical-align:middle}.table-sort{height:auto;padding:0;background:transparent;color:#17345c;font-weight:800}.monitor-head p{margin:4px 0 0;color:#41556f}.monitor-filters{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:10px;align-items:center}.monitor-filters button{justify-self:start}@media (max-width: 720px){.monitor-filters{grid-template-columns:1fr}.monitor-filters button{width:100%}}.monitor-edit-panel{display:grid;grid-template-columns:1.2fr minmax(180px,260px) minmax(180px,260px) auto;gap:12px;align-items:end;background:#fff;border:1px solid #d7e1ef;border-radius:8px;padding:12px}.monitor-edit-panel h3{margin:0 0 4px;color:#27496f}.monitor-edit-panel p{margin:0;font-size:13px}.secondary-button{background:#e9f2ff;color:#1b4d86;border:1px solid #c7dbf5}.small-button{height:30px;padding:0 10px;font-size:12px}button:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 980px){.monitor-edit-panel{grid-template-columns:1fr}}.new-device-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:999px;background:#dff7e6;color:#12642f;font-size:11px;font-weight:800;letter-spacing:.02em}.row-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.danger-button{background:#cb2f2f}.monitor-credentials{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #d7e1ef;border-radius:8px;padding:10px 12px;color:#27496f}.ip-link{color:#0057b8;font-weight:800;text-decoration:none}.ip-link:hover{text-decoration:underline}.customer-form{display:grid;gap:16px}.form-card{background:#fff;border:1px solid #d7e1ef;border-radius:14px;padding:16px;box-shadow:0 8px 24px #1b416e0f}.form-card-head{margin-bottom:14px}.form-card-head h3{margin:0;color:#27496f;font-size:20px}.form-card-head p{margin:4px 0 0;color:#5a6f8c;font-size:14px}.form-card-grid{display:grid;gap:12px;align-items:end}.form-card-grid.two-cols{grid-template-columns:repeat(2,minmax(180px,1fr))}.form-card-grid.four-cols{grid-template-columns:repeat(4,minmax(160px,1fr))}.form-card-grid.six-cols{grid-template-columns:repeat(6,minmax(140px,1fr))}.form-card-grid label{display:grid;gap:6px;color:#2b4d79;font-size:13px}.span-2{grid-column:span 2}.form-map-link{grid-column:1 / -1;margin-top:0}.form-actions-bar{display:flex;justify-content:flex-end;background:#fff;border:1px solid #d7e1ef;border-radius:12px;padding:12px}@media (max-width: 1280px){.form-card-grid.six-cols,.form-card-grid.four-cols{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 720px){.form-card-grid.two-cols,.form-card-grid.four-cols,.form-card-grid.six-cols{grid-template-columns:1fr}.span-2{grid-column:auto}}.compact-clients-table{font-size:13px}.compact-clients-table th,.compact-clients-table td{padding:6px 8px;line-height:1.2}.compact-clients-table .actions button{height:30px;padding:0 10px;font-size:12px}.status-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;white-space:nowrap}.status-dot.online{background:#bdecc8;color:#0f5b2e}.status-dot.offline{background:#f1c4c4;color:#7b1e1e}.service-badge{display:inline-flex;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.service-badge.active{background:#bdecc8;color:#0f5b2e}.service-badge.suspended{background:#f1c4c4;color:#7b1e1e}.signal-text{margin-top:4px;color:#41556f;font-size:12px;white-space:nowrap}.import-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d7e1ef;border-radius:12px;padding:12px 14px;margin-bottom:14px}.import-card p{margin:4px 0 0;font-size:13px}.import-button{display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:8px;background:#0057b8;color:#fff;font-weight:800;padding:0 14px;cursor:pointer;white-space:nowrap}.import-button input{display:none}@media (max-width: 720px){.import-card{align-items:stretch;flex-direction:column}}.mini-status-line{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:#2d4564}.mini-status-dot{width:9px;height:9px;border-radius:999px;display:inline-block;box-shadow:0 0 0 3px #0000000a}.mini-status-dot.ok{background:#16a34a}.mini-status-dot.bad{background:#dc2626}.icon-actions{text-align:center;white-space:nowrap}.icon-action{width:26px;height:26px;min-width:26px;padding:0;margin:0 3px;border-radius:999px;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.icon-action.edit{background:#e7f0ff;color:#0057b8;border:1px solid #b9d2f5}.icon-action.delete{background:#fde2e2;color:#b42318;border:1px solid #f4b8b8}.icon-action.suspend{background:#fff4cc;color:#9a6700;border:1px solid #f0d37a}.icon-action.activate{background:#dff7e6;color:#12642f;border:1px solid #a8dfb6}.icon-action.device-state{cursor:default;-webkit-user-select:none;user-select:none;background:transparent;border:none;width:24px;min-width:24px;height:24px;margin:0 3px;padding:0}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.signal-bars i{display:inline-block;width:3px;border-radius:2px;background:currentColor;opacity:.95}.signal-bars i:nth-child(1){height:4px}.signal-bars i:nth-child(2){height:7px}.signal-bars i:nth-child(3){height:10px}.signal-bars i:nth-child(4){height:13px}.icon-action.device-state.online{color:#16a34a}.icon-action.device-state.offline{color:#dc2626}.service-badge.auto{background:#dbeafe;color:#1d4ed8}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-title-row h2{margin:0}.top-icon-actions{display:flex;align-items:center;gap:8px}.top-icon-button{width:34px;height:34px;min-width:34px;border-radius:999px;background:#e7f0ff;color:#0057b8;border:1px solid #b9d2f5;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;cursor:pointer;padding:0}.top-icon-button input{display:none}.customer-filters-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.customer-filters-grid input,.customer-filters-grid select,.customer-filters-grid button{height:36px;font-size:13px}.mini-status-dot.auto{background:#2563eb}.top-icon-button.active{background:#0057b8;color:#fff;border-color:#0057b8}.bulk-edit-panel{background:#fff;border:1px solid #d7e1ef;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 8px 24px #1b416e0f}.bulk-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.bulk-edit-head p{margin:4px 0 0;font-size:13px}.bulk-edit-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bulk-select-all{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #c7d6ea;border-radius:8px;background:#f7fbff;font-size:12px;color:#27496f}.bulk-edit-summary{display:inline-flex;align-items:center;gap:4px;background:#f3f7fd;border:1px solid #d7e1ef;border-radius:999px;padding:6px 10px;font-size:13px;color:#27496f;margin-bottom:12px}.bulk-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.bulk-field{display:grid;gap:6px;background:#f8fbff;border:1px solid #dbe7f6;border-radius:10px;padding:10px;color:#2b4d79;font-size:13px}.bulk-field.enabled{background:#eef6ff;border-color:#b9d2f5}.bulk-check-line{display:flex;align-items:center;gap:8px;font-weight:800}.bulk-check-line input,.select-col input{width:16px;height:16px}.bulk-apply-row{display:flex;justify-content:flex-end;margin-top:12px}.select-col{width:46px;text-align:center!important}@media (max-width: 720px){.bulk-edit-head{flex-direction:column}.bulk-edit-actions,.bulk-apply-row{justify-content:stretch}.bulk-edit-actions button,.bulk-apply-row button{width:100%}}.top-icon-button.thin-arrow{font-size:20px;font-weight:900}.dashboard-page{min-height:calc(100vh - 108px);display:flex;flex-direction:column;gap:12px}.dashboard-page>h2{margin:0}.dashboard-summary{display:grid;gap:8px}.dashboard-summary>h3{margin:0;color:#27496f}.dashboard-kpis{grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px}.dashboard-kpis .kpi{padding:10px}.dashboard-kpis .kpi h3{font-size:12px;margin-bottom:5px}.dashboard-kpis .kpi strong{font-size:22px}.traffic-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));grid-template-rows:repeat(2,minmax(240px,1fr));gap:10px;padding:0 2px 2px}.traffic-card{--traffic-color: #0057b8;--traffic-upload-color: #00a3ff;background:#fff;border:1px solid #d7e1ef;border-radius:14px;padding:12px;min-height:0;display:flex;flex-direction:column;box-shadow:0 8px 24px #1b416e0f;color:var(--traffic-color)}.traffic-card.green{--traffic-color: #159447;--traffic-upload-color: #59d08a}.traffic-card.orange{--traffic-color: #d97706;--traffic-upload-color: #f59e0b}.traffic-card.teal{--traffic-color: #02858d;--traffic-upload-color: #3cc7d0}.traffic-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.traffic-card-head h3{margin:0;color:#10223c;font-size:17px}.traffic-card-head span{color:#5a6f8c;font-size:12px;font-weight:800;white-space:nowrap}.traffic-chart{flex:1;min-height:165px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #e0e9f5;border-radius:12px;overflow:hidden}.traffic-chart svg{width:100%;height:100%;display:block}.traffic-line{fill:none;stroke-width:1.8;stroke-linecap:round}.traffic-line.download{stroke:currentColor}.traffic-line.upload{stroke:var(--traffic-upload-color);stroke-width:1.4;stroke-dasharray:7 8}.traffic-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.traffic-stats span{display:grid;gap:2px;background:#f3f7fd;color:#27496f;border-radius:10px;padding:8px 10px;font-size:13px}.traffic-stats b{color:#5a6f8c;font-size:11px;text-transform:none;letter-spacing:.04em}@media (max-width: 1180px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media (max-width: 860px){.traffic-grid{grid-template-columns:1fr;grid-template-rows:none}}@media (max-width: 720px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(120px,1fr))}}.dashboard-kpi-button{height:auto;text-align:left;color:#10223c;background:#fff;cursor:pointer}.dashboard-kpi-button:hover,.dashboard-kpi-button.active{border-color:#8bbaf2;box-shadow:0 10px 24px #0057b81f;transform:translateY(-1px)}.dashboard-result-panel{background:#fff;border:1px solid #d7e1ef;border-radius:14px;padding:10px;max-height:260px;overflow:auto;box-shadow:0 8px 24px #1b416e0f}.dashboard-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dashboard-result-head h3{margin:0;color:#27496f}.dashboard-result-head span{color:#5a6f8c;font-size:12px;font-weight:800}.dashboard-result-table{font-size:12px}.dashboard-result-table th,.dashboard-result-table td{padding:6px 8px}.user-form-card{background:#fff;border:1px solid #d7e1ef;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 8px 24px #1b416e0f}.permissions-panel{display:grid;gap:10px;margin-top:8px}.permissions-head{display:grid;gap:4px;color:#27496f}.permissions-head span{color:#5a6f8c;font-size:13px}.permissions-head div{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.permission-check{display:flex;align-items:center;gap:8px;background:#f8fbff;border:1px solid #dbe7f6;border-radius:10px;padding:8px 10px;color:#2b4d79;font-size:13px}.permission-check input{width:16px;height:16px}.traffic-guide line{stroke:#aebdd0;stroke-width:1;stroke-dasharray:5 6;opacity:.75}.traffic-guide text{fill:#5a6f8c;font-size:8px;font-weight:500;text-anchor:end}.traffic-time line{stroke:#8ba2bd;stroke-width:1}.traffic-time text{fill:#5a6f8c;font-size:5px;font-weight:700;text-anchor:middle}.content .table,.content input,.content select,.content button,.content label,.content p{font-size:13px}.compact-clients-table{table-layout:fixed}.compact-clients-table .client-name-col{width:17%;min-width:17%;max-width:17%}.compact-clients-table .client-address-col{width:17%;max-width:17%;overflow-wrap:anywhere}.compact-clients-table .client-plan-col{width:9%;min-width:9%;white-space:normal}.compact-clients-table .client-service-col{width:9%;min-width:9%}.compact-clients-table .client-actions-col{width:14%;min-width:14%}.compact-clients-table th.client-address-col,.compact-clients-table td.client-address-col{padding-left:6px;padding-right:6px}.compact-clients-table th.client-plan-col,.compact-clients-table td.client-plan-col{padding-left:10px;padding-right:10px}.compact-clients-table .client-id-col{width:3.5%;max-width:3.5%;text-align:center;white-space:nowrap}.compact-clients-table .client-doc-col{width:8%;max-width:8%;overflow-wrap:anywhere}.compact-clients-table .client-contact-col{width:18%;max-width:18%;overflow-wrap:anywhere}.schedule-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.schedule-panel{margin-top:14px}.dashboard-schedule-filters{margin-bottom:10px}.helper-text{margin:4px 0 12px;color:#50627d;font-size:.82rem}.actions-cell{display:flex;align-items:center;justify-content:center;gap:6px}.actions-cell button{min-width:32px;padding:6px 8px}.vpn-command-box{background:#fff;border:1px solid #cddbed;border-radius:10px;margin-top:14px;padding:12px}.command-actions{display:flex;gap:8px}.command-actions .ghost{background:#f0f4fa;color:#243b5a;border:1px solid #b9c8dd}.vpn-command-box textarea{width:100%;min-height:360px;border:1px solid #c6d5e8;border-radius:8px;padding:12px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45;color:#10223c;background:#f8fbff}.mikrotik-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:12px 0 16px}.rb5009-card{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;align-items:center;background:#fff;border:1px solid #d4e1f2;border-left:5px solid #9aa9bd;border-radius:12px;padding:12px;box-shadow:0 8px 22px #122b4c0f}.rb5009-card.online{border-left-color:#22a56b}.rb5009-card.offline{border-left-color:#d64545}.rb5009-visual{background:linear-gradient(145deg,#eef4fb,#cfdced);border:1px solid #aebed2;border-radius:9px;padding:9px;min-height:78px}.rb5009-top{display:flex;align-items:center;gap:7px;margin-bottom:9px}.rb5009-brand{color:#223a5b;font-size:.74rem;font-weight:800;letter-spacing:.02em}.status-led{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px #ffffffb8}.status-led.online{background:#20c474;box-shadow:0 0 0 3px #20c4742e,0 0 14px #20c474bf}.status-led.offline{background:#d64545;box-shadow:0 0 0 3px #d6454529}.rb5009-ports{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;align-items:end}.rb5009-ports span,.rb5009-ports strong{display:block;height:22px;border-radius:3px;background:linear-gradient(180deg,#243b58,#101d2d);border:1px solid #52667e}.rb5009-ports strong{color:#d9e8ff;font-size:.48rem;line-height:22px;text-align:center;font-weight:800}.rb5009-info{display:grid;gap:4px;color:#162941;min-width:0}.rb5009-info strong,.rb5009-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb5009-info strong{font-size:.86rem}.rb5009-info span{color:#60708a;font-size:.74rem}.online-text,.offline-text{font-size:.78rem;text-transform:none;letter-spacing:.04em}.online-text{color:#148654}.offline-text{color:#b83232}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:66px;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800}.status-pill.online{color:#116b45;background:#dff7eb}.status-pill.offline{color:#9d2f2f;background:#fde7e7}.olt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:12px 0 16px}.olt-card{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;align-items:center;background:#fff;border:1px solid #d4e1f2;border-left:5px solid #9aa9bd;border-radius:12px;padding:12px;box-shadow:0 8px 22px #122b4c0f}.olt-card.online{border-left-color:#22a56b}.olt-card.offline{border-left-color:#d64545}.ma5608t-visual{min-height:96px;background:linear-gradient(160deg,#eef2f7,#c7d4e4 58%,#adbace);border:1px solid #9fb0c5;border-radius:9px;padding:9px;color:#213a5a}.ma5608t-header{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:900;margin-bottom:9px}.ma5608t-slots{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:8px}.ma5608t-slots span{display:block;height:42px;border-radius:4px;background:linear-gradient(180deg,#314761,#142033);border:1px solid #5d7086;position:relative}.ma5608t-slots span:after{content:"";position:absolute;left:25%;right:25%;bottom:6px;height:4px;border-radius:4px;background:#6fd1ff;opacity:.78}.ma5608t-uplink{height:18px;border-radius:4px;background:#223852;color:#d9ebff;font-size:.55rem;line-height:18px;text-align:center;letter-spacing:.12em;font-weight:900}.olt-info{display:grid;gap:4px;color:#162941;min-width:0}.olt-info strong,.olt-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olt-info strong{font-size:.86rem}.olt-info span{color:#60708a;font-size:.74rem}.server-test-row{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:12px;align-items:center;margin-bottom:14px}.server-test-row span{color:#4c6284;font-size:.9rem}.server-test-row input{width:100%}.client-address-col.small{max-width:220px;width:220px}.client-name-col{overflow-wrap:anywhere}.client-plan-col.wide{min-width:150px;width:150px}.icon-actions.actions-wide{min-width:170px;white-space:nowrap;justify-content:center}.muted-text{color:#5f6f86;font-size:12px}.compact-clients-table .client-service-col .signal-text{font-size:11px}.compact-clients-table .icon-actions.actions-wide{min-width:0;gap:6px;justify-content:center;align-items:center}.compact-clients-table thead th{text-align:center}.compact-clients-table .icon-action{font-size:18px;line-height:1;display:inline-flex;justify-content:center;align-items:center}.compact-clients-table th.client-plan-col,.compact-clients-table td.client-plan-col,.compact-clients-table th.client-service-col,.compact-clients-table td.client-service-col{text-align:center}.compact-clients-table td.client-plan-col>div,.compact-clients-table td.client-service-col>div{justify-content:center}.device-kind-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.device-kind-icon.online{color:#16a34a}.device-kind-icon.offline{color:#9ca3af}.router-glyph{position:relative;display:inline-flex;align-items:flex-end;width:22px;height:16px;vertical-align:middle}.router-glyph .router-ant{position:absolute;width:2px;height:7px;background:currentColor;top:0;border-radius:2px}.router-glyph .router-ant.left{left:2px}.router-glyph .router-ant.right{right:2px}.router-glyph .router-body{position:absolute;left:1px;right:1px;bottom:0;height:8px;border:1.8px solid currentColor;border-radius:3px;display:flex;align-items:center;gap:2px;padding:0 3px;background:transparent}.router-glyph .router-line{width:8px;height:1.8px;background:currentColor;border-radius:2px;margin-right:auto}.router-glyph .router-dot{width:2.4px;height:2.4px;border-radius:50%;background:currentColor}.landing-screen-v2{position:relative;min-height:100vh;margin:0;padding:16px 18px 0;overflow:hidden;background:url(/landing-bg-city.png) center/cover no-repeat;display:flex;flex-direction:column;align-items:center}.landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#eaf2ffb8,#e2edfcc7,#cfdff8d1);z-index:0}.landing-header-v2,.landing-access-grid,.landing-benefits,.landing-copy{position:relative;z-index:2}.landing-header-v2{text-align:center;margin-top:8px}.landing-header-logo{width:150px;height:auto;object-fit:contain;margin-bottom:28px}.landing-header-v2 h1{margin:0;color:#143b79;font-size:clamp(36px,4.4vw,54px);line-height:1.05}.landing-header-v2 p{margin:10px 0 0;color:#31558e;font-size:clamp(18px,1.9vw,28px)}.landing-access-grid{margin-top:20px;width:min(1180px,95vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.landing-access-card{background:#fffffff2;border:1px solid #d8e3f4;border-radius:22px;padding:20px 22px 16px;box-shadow:0 16px 34px #1c3a6c24}.card-main-icon{color:#1f57b3;display:flex;justify-content:center;font-size:42px;line-height:1;margin-bottom:6px}.landing-access-card h2{margin:0;text-align:center;color:#133b79;font-size:clamp(28px,2vw,40px)}.landing-access-card>p{text-align:center;margin:8px 0 14px;color:#355991;font-size:clamp(17px,1.3vw,22px)}.landing-field{height:56px;border-radius:16px;border:1px solid #c7d7ee;display:grid;grid-template-columns:50px 1fr 46px;align-items:center;background:#fff;margin-bottom:10px}.field-icon{display:grid;place-items:center;color:#7388ac}.landing-field input{border:none;outline:none;height:100%;background:transparent;font-size:16px;color:#223b66}.landing-field input::placeholder{color:#a8b4ca}.field-eye{border:none;background:transparent;color:#7388ac;cursor:pointer}.landing-login-btn{width:100%;height:54px;border-radius:14px;border:none;color:#fff;font-size:16px;font-weight:700;margin-top:6px}.landing-login-btn-clients{background:linear-gradient(90deg,#2e66ce,#214fac)}.landing-login-btn-employees{background:linear-gradient(90deg,#1f4ea7,#183f8d)}.landing-forgot{display:block;margin-top:10px;text-align:center;text-decoration:none;color:#2d5fb8;font-size:16px;font-weight:500}.landing-benefits{margin-top:14px;width:min(1200px,95vw);background:#fffffff5;border:1px solid #dbe6f5;border-radius:18px 18px 0 0;padding:14px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.landing-benefits>div{display:flex;flex-direction:column;gap:4px;padding:0 10px;border-right:1px solid #e2eaf7}.landing-benefits>div:last-child{border-right:none}.landing-benefits strong{display:block;color:#163f81;font-size:clamp(16px,1.1vw,22px);line-height:1.15}.landing-benefits span{display:block;margin-top:2px;color:#2e4e80;font-size:clamp(14px,.95vw,18px);line-height:1.2}.landing-copy{width:min(1200px,95vw);background:#173f8d;color:#fff;text-align:center;font-size:clamp(14px,1vw,16px);padding:10px 12px;border-radius:0 0 14px 14px;margin-bottom:8px}@media (max-width: 1024px){.landing-screen-v2{overflow-y:auto;min-height:100vh}.landing-access-grid{grid-template-columns:1fr;width:min(760px,95vw)}.landing-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.landing-header-logo{width:120px;margin-bottom:20px}.landing-header-v2 h1{font-size:36px}.landing-header-v2 p{font-size:16px}.landing-access-card{padding:16px}.landing-field{height:46px}.landing-login-btn{height:46px;font-size:16px}.landing-forgot{font-size:15px}.landing-benefits{grid-template-columns:1fr;border-radius:14px}.landing-copy{border-radius:12px;margin-top:8px}}