:root{--primary:#00bf63;--primary-hover:#00a857;--primary-foreground:#172031;--primary-text:var(--brand-text-light,#007a3f);--primary-soft:var(--brand-soft-light,#e6f9ef);--primary-border:var(--brand-border-light,#a6e9c6);--focus-ring:#00bf6359;--state-ok:#1c8a4e;--state-ok-soft:#e6f6ec;--state-down:#c92f2f;--state-down-soft:#fdeaea;--state-warn:#9a6a00;--state-warn-soft:#fff4d6;--state-warn-dot:#e0a100;--state-unknown:#677386;--state-unknown-soft:#eef0f4;--accent:var(--primary);--accent-hover:var(--primary-hover);--accent-soft:var(--primary-soft);--bg:#f5f6f8;--surface:#fff;--text:#222c3c;--muted:#78808e;--border:#e7e9ee;--sidebar:#172031;--radius:12px;--logo-color:#fff;--brand-plate:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#141b28;--surface:#1d2737;--text:#edf1f7;--muted:#9daabd;--border:#303b4e;--primary-text:var(--brand-text-dark,#3ddc8a);--primary-soft:var(--brand-soft-dark,#12352a);--primary-border:var(--brand-border-dark,#0c6b3d);--state-ok:#4cc585;--state-ok-soft:#173826;--state-down:#ff7070;--state-down-soft:#43202a;--state-warn:#f2c14e;--state-warn-soft:#3d3218;--state-warn-dot:#f2c14e;--state-unknown:#a3aec0;--state-unknown-soft:#2a3445;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;width:100%;min-width:0;padding:10px 12px}button:focus-visible,a:focus-visible{outline:2px solid var(--primary)}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus-ring);border-color:var(--primary)}label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:30px;font-weight:650;line-height:1.25}h2{letter-spacing:-.25px;font-size:16px;font-weight:650}h3{font-size:14px}small{font-size:11px}.button{white-space:nowrap;background:var(--primary);color:var(--primary-foreground);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.button:hover{background:var(--primary-hover)}.button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button.secondary:hover{border-color:var(--primary);color:var(--primary-text)}.button.compact{padding:7px 10px;font-size:11px}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--primary-soft);color:var(--primary-text)}.text-button{color:var(--primary-text);background:0 0;border:0;padding:12px;font-size:12px}.brand{letter-spacing:-1.4px;color:var(--logo-color);white-space:nowrap;font-size:25px;font-weight:850}.brand-dot{color:var(--primary)}.brand small{letter-spacing:1.8px;color:#a1adbd;margin-left:4px;font-size:10px;font-weight:650}.brand.has-logo{background:var(--brand-plate);letter-spacing:0;border-radius:10px;align-items:center;gap:12px;padding:6px 14px 6px 6px;display:inline-flex}.brand-logo{flex:0 auto;width:136px;min-width:0;max-width:100%;height:auto;display:block}.brand.has-logo small{letter-spacing:2.5px;color:#2f3441;border-left:1px solid #e3e5ea;margin:0;padding-left:12px;font-size:13px;font-weight:800}.brand.large .brand-logo{width:200px}.brand.large small{padding-left:16px;font-size:17px}.brand-link{padding:22px 18px 20px;display:block}.netmesh-logo{line-height:0;display:inline-flex}.netmesh-logo img{height:var(--netmesh-h);object-fit:contain;width:auto;max-width:100%}.netmesh-logo .for-dark,.netmesh-logo.on-dark .for-light,[data-theme=dark] .netmesh-logo.on-theme .for-light{display:none}.netmesh-logo.on-dark .for-dark,[data-theme=dark] .netmesh-logo.on-theme .for-dark{display:block}.netmesh-sm{--netmesh-h:34px}.netmesh-md{--netmesh-h:46px}.netmesh-lg{--netmesh-h:76px}.netmesh-iso{height:var(--netmesh-h);width:var(--netmesh-h);flex:none}.brand-link .netmesh-logo img{max-width:200px}.workspace-logo{object-fit:contain;background:#fff;border-radius:7px;flex:none;width:30px;height:30px;padding:2px}.topbar-logo{line-height:0;display:none}
.workspace{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#b3bdcd;z-index:40;flex-direction:column;width:238px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand-link .brand{width:100%;display:flex}.brand-link .brand small{margin-left:auto}.workspace-selector{color:#eef0f5;border:1px solid #ffffff13;border-radius:7px;align-items:center;gap:10px;margin:0 15px 23px;padding:12px 9px;font-size:11px;display:flex}.workspace-selector small{color:#7f8b9f;margin-top:2px;font-size:10px;display:block}.workspace-icon{width:29px;height:29px;color:var(--primary);background:#ffffff0b;border-radius:7px;place-items:center;display:grid}.nav-caption{letter-spacing:1.8px;color:#6e7d93;padding:8px 25px 9px;font-size:8px;font-weight:700}.sidebar nav{padding:0 13px}.sidebar nav .nav-caption{margin-top:9px;padding-left:12px}.nav-item{border-radius:6px;align-items:center;gap:12px;margin:2px 0;padding:9px 12px;font-size:12px;display:flex}.nav-item svg{stroke-width:1.7px}.nav-item small{color:#94a0b4;border:1px solid #ffffff12;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:8px}.nav-item.active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 5px 14px #0002}.nav-item.active small{color:var(--primary-foreground)}.nav-item:not(.unavailable):hover{background:#ffffff10}.nav-item.active:hover{background:var(--primary-hover)}.nav-item.unavailable{opacity:.45;cursor:default}.sidebar-bottom{margin-top:auto;padding:25px 25px 22px;position:relative}.sidebar-bottom p{color:#7f8ba1;margin-top:12px;font-size:10px;line-height:1.8}.sidebar-bottom>svg{color:#536278;position:absolute;bottom:31px;right:22px}.phase-tag{align-items:center;gap:7px;font-size:10px;display:flex}.phase-tag span,.live-dot{background:#68bf97;border-radius:50%;width:6px;height:6px;display:inline-block}.main-column{flex-direction:column;width:calc(100% - 238px);min-height:100vh;margin-left:238px;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:25;align-items:center;gap:16px;height:74px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);white-space:nowrap;font-size:11px}.breadcrumb span{color:#c6cbd4;margin:0 12px}.breadcrumb b{color:var(--text);font-weight:500}.global-search{width:235px;color:var(--muted);align-items:center;gap:8px;margin-left:auto;display:flex}.global-search input{background:0 0;border:0;padding:5px;font-size:11px}.global-search kbd{border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px}.user-chip{border-left:1px solid var(--border);white-space:nowrap;align-items:center;gap:9px;padding-left:17px;display:flex}.user-chip b{font-size:11px;font-weight:600}.user-chip small{color:var(--muted);letter-spacing:.6px;font-size:8px;display:block}.avatar{color:#606d49;background:#e6e9e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:10px;font-weight:700;display:flex}.avatar.pale{background:var(--primary-soft);color:var(--primary-text);width:31px;height:31px}.notification-wrap{position:relative}.popover{background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:270px;padding:20px;position:absolute;top:45px;right:0;box-shadow:0 10px 40px #0002}.popover p{margin:8px 0}.popover small{color:var(--muted)}main{flex:1;width:100%;max-width:1680px;margin:auto;padding:32px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:var(--muted);letter-spacing:1.7px;margin-bottom:9px;font-size:9px;font-weight:700}.page-heading p{color:var(--muted);margin-top:8px;font-size:12px}.heading-actions{align-items:center;gap:10px;display:flex}.date-pill{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-items:center;gap:7px;padding:10px 12px;font-size:10px;display:flex}
.overview-banner{border-radius:var(--radius);color:#3d332f;background:linear-gradient(115deg,#fff1e7,#f9e8d7);border:1px solid #f0ded2;min-height:184px;margin-bottom:22px;padding:25px 28px;position:relative;overflow:hidden}.overview-banner .live-dot{background:var(--primary);margin-right:7px}.overview-banner>div:first-child{letter-spacing:1.4px;font-size:8px;font-weight:700}.overview-banner h2{letter-spacing:-.8px;margin:11px 0;font-size:27px;font-weight:600;line-height:1.3}.overview-banner p{letter-spacing:0;color:#887365;font-size:10px;font-weight:400}.network-art{border:1px solid #dfb69455;border-radius:50%;width:340px;height:260px;position:absolute;top:-33px;right:85px;transform:rotate(-20deg)}.network-art:before,.network-art:after{content:"";border:1px solid #dfb69466;border-radius:50%;position:absolute;inset:30px -35px;transform:rotate(55deg)}.network-art:after{inset:-30px 70px;transform:rotate(-20deg)}.network-center{color:#d4864a;z-index:1;background:#fff5eb;border:1px solid #e9c4a3;border-radius:22px;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:94px;left:140px;transform:rotate(20deg);box-shadow:0 10px 30px #ce9d7722}.network-node{background:#efc49f;border:4px solid #fff1e3;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 0 1px #d5aa8644}.network-node.a{top:25px;left:70px}.network-node.b{bottom:40px;left:30px}.network-node.c{top:100px;right:18px}.network-node.d{bottom:10px;right:90px}.banner-note{color:#9b8068;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;right:23px}.banner-note span{letter-spacing:1px;font-size:7px}.banner-note b{letter-spacing:0;margin-top:3px;font-size:10px;font-weight:500;display:block}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:19px 20px}.metric-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.metric-label span{color:#99a3b4}.metric strong{letter-spacing:-1px;margin:5px 0 3px;font-size:31px;font-weight:650;display:block}.metric small{color:var(--muted);font-size:9px}.dashboard-columns{grid-template-columns:minmax(0,1.85fr) minmax(265px,1fr);gap:22px;margin-bottom:22px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:12px;padding:21px 23px 18px;display:flex}.card-heading p{color:var(--muted);margin-top:4px;font-size:10px}.subtle-tag{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:4px;padding:4px 7px;font-size:8px}.distribution{align-items:center;gap:35px;min-height:177px;padding:7px 28px 25px;display:flex}.donut{background:var(--border);border-radius:50%;width:148px;min-width:148px;height:148px;padding:18px;transform:rotate(0)}.donut>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.donut strong{font-size:30px;line-height:1.2}.donut small{letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:8px}.legend{flex:1}.legend>div{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.legend b{font-size:12px}.status{color:#718096;letter-spacing:.25px;white-space:nowrap;background:#eff1f5;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:650;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.status-activo{color:#39986a;background:#eaf5ef}.status-moroso{color:#b48932;background:#fff3dd}.status-suspendido{color:#c57952;background:#fff0e9}.status-pendiente_instalacion{color:#6c80bd;background:#edf0fc}.status-retirado,.status-inactivo{color:#8592a7;background:#edf0f4}.financial{padding-bottom:17px}.finance-row{justify-content:space-between;align-items:center;gap:15px;padding:13px 23px;display:flex}.finance-row span{color:var(--muted);font-size:11px}.finance-row strong{font-size:22px;font-weight:600}.info-note{color:var(--muted);background:var(--bg);border-radius:6px;padding:12px 15px;font-size:10px;line-height:1.7}.financial .info-note{margin:11px 20px 0}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.7px;color:var(--muted);background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 19px;font-size:8px;font-weight:600}td{border-bottom:1px solid var(--border);padding:16px 19px;font-size:10px}tr:last-child td{border-bottom:0}td b{font-size:11px;font-weight:600}td small{color:var(--muted);margin-top:3px;font-size:9px;display:block}tbody tr:hover{background:var(--bg)}.person-cell{align-items:center;gap:9px;display:flex}.text-link{color:var(--primary-text);align-items:center;gap:5px;font-size:10px;display:inline-flex}.task-row{align-items:center;gap:12px;padding:12px 22px;display:flex}.task-row b{font-size:10px;font-weight:600}.task-row small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.task-row strong{margin-left:auto;font-size:20px;font-weight:600}.task-icon{background:var(--primary-soft);width:36px;height:36px;color:var(--primary-text);border-radius:9px;place-items:center;display:grid}.task-icon.muted{color:#8a91ad;background:#f0f1f7}.quick-tip{background:var(--bg);border-radius:8px;margin:16px 20px 20px;padding:16px}.quick-tip>span{letter-spacing:1.5px;color:var(--muted);font-size:7px;font-weight:700}.quick-tip h3{margin:6px 0}.quick-tip p{color:var(--muted);margin-bottom:13px;font-size:10px;line-height:1.7}.quick-tip .button{padding:7px 12px;font-size:10px}footer{color:var(--muted);justify-content:space-between;padding:6px 32px 22px;font-size:9px;display:flex}footer b{margin:0 7px}footer i{background:#71aa89;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}
.list-toolbar{align-items:center;gap:12px;padding:20px;display:flex}.list-toolbar select{width:185px;font-size:11px}.filter-search{border:1px solid var(--border);color:var(--muted);border-radius:7px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.filter-search input{border:0;font-size:11px}.customers-table th button{color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.customers-table td{padding:17px 14px}.code{color:var(--muted);font-family:Consolas,monospace;font-size:10px}.row-actions{align-items:center;gap:4px;display:flex}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 20px;font-size:10px;display:flex}.pagination>div{gap:8px;display:flex}.pagination .button{padding:7px 10px;font-size:10px}.page-note{color:var(--muted);margin-top:16px;font-size:10px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#10192899;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:750px;max-width:100%;max-height:90vh;padding:25px;overflow:auto;box-shadow:0 25px 90px #0004}.modal>header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{font-size:20px}.entity-form{flex-direction:column;gap:17px;display:flex}.entity-form h3{border-bottom:1px solid var(--border);margin-top:6px;padding-bottom:9px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;margin-top:8px;padding-top:15px;display:flex}.alert,.success{color:#a94932;background:#fff0eb;border:1px solid #f3caba;border-radius:7px;margin-bottom:17px;padding:13px 16px;font-size:12px}.success{color:#3a8055;background:#edf8f0;border-color:#c8e7d1}.empty,.loading{text-align:center;color:var(--muted);padding:50px 25px;font-size:12px}.empty h2{color:var(--text);margin-bottom:9px}.full-loading{background:var(--sidebar);color:#a9b4c8;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.plan-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{padding:24px}.plan-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.plan-icon{background:var(--primary-soft);width:48px;height:48px;color:var(--primary-text);border-radius:12px;place-items:center;display:grid}.plan-card h2{font-size:18px}.plan-card p{color:var(--muted);min-height:32px;margin-top:7px;font-size:11px}.plan-price{letter-spacing:-1px;margin:22px 0;font-size:29px;font-weight:650}.plan-price small{color:var(--muted);letter-spacing:0;margin-left:5px;font-weight:400}.speed-grid{background:var(--bg);border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;padding:15px;display:grid}.speed-grid>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.speed-grid svg{color:var(--primary-text)}.speed-grid b{font-size:12px}.speed-grid small{width:100%;color:var(--muted);padding-left:21px;font-size:9px}.mock-banner{background:var(--primary-soft);color:var(--primary-text);border-radius:10px;align-items:center;gap:16px;margin-bottom:22px;padding:20px 23px;display:flex}.mock-banner p{color:var(--muted);margin-top:3px;font-size:11px}.mock-banner .subtle-tag{margin-left:auto}.back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:20px;font-size:11px;display:inline-flex}.customer-strip{flex-wrap:wrap;align-items:center;gap:25px;margin:-6px 0 25px;display:flex}.customer-strip>span:not(.status){color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.tabs{border-bottom:1px solid var(--border);gap:25px;margin-bottom:23px;display:flex;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 0;font-size:12px}.tabs button.selected{color:var(--primary-text);border-color:var(--primary)}.detail-card{padding:24px}.detail-grid{grid-template-columns:repeat(3,1fr);gap:25px;margin:25px 0;display:grid}.detail-grid dt{color:var(--muted);margin-bottom:5px;font-size:10px}.detail-grid dd{overflow-wrap:anywhere;margin:0;font-size:13px}.timeline{margin-top:20px}.timeline article{border-bottom:1px solid var(--border);gap:16px;padding:17px 0;display:flex}.timeline svg{color:var(--primary-text);margin-top:3px}.timeline p{color:var(--muted);margin:4px 0 9px;font-size:10px}.timeline summary{color:var(--primary-text);cursor:pointer;font-size:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);max-height:300px;padding:12px;font-size:10px;overflow:auto}
.login{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--sidebar);color:#fff;background-image:radial-gradient(circle at 85% 105%,#00bf6326,#0000 55%);flex-direction:column;padding:48px 12%;display:flex;position:relative;overflow:hidden}.login-story>.brand{align-self:flex-start;margin-bottom:35px;box-shadow:0 14px 40px #0005}.login-story .eyebrow{color:var(--primary);margin-top:auto}.login-story h1{letter-spacing:-1.8px;margin:12px 0 20px;font-size:44px;line-height:1.2}.login-story p{color:#9eacbd;font-size:14px;line-height:1.9}.login-features{color:#b3bece;gap:22px;margin:30px 0 50px;font-size:11px;display:flex}.login-features span{align-items:center;gap:7px;display:flex}.login-story>small{color:#67778f;font-size:9px}.login-orbit{height:190px;color:var(--primary);place-items:center;margin:10px 0 30px;display:grid;position:relative}.orbit{border:1px solid #ffffff15;border-radius:50%;width:245px;height:160px;position:absolute;transform:rotate(-25deg)}.orbit.two{width:180px;height:235px;transform:rotate(45deg)}.login-form{flex-direction:column;justify-content:center;width:100%;max-width:400px;margin:auto;padding:40px 20px;display:flex}.login-form .eyebrow{color:var(--primary-text)}.login-form h2{letter-spacing:-.8px;font-size:26px}.login-form>p{color:var(--muted);margin:10px 0 30px;font-size:12px}.login-form form{flex-direction:column;gap:20px;display:flex}.login-form .button{padding:13px}.login-note{border-top:1px solid var(--border);color:var(--muted);gap:10px;margin-top:25px;padding-top:25px;font-size:10px;line-height:1.8;display:flex}.mobile-menu,.sidebar-shade{display:none}.permission-grid{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.permission-grid label{flex-direction:row;align-items:center;gap:8px;font-weight:400}.permission-grid input{width:15px}.settings-actions{gap:10px;margin-bottom:20px;display:flex}.password-rules{color:var(--muted);margin:-6px 0 0;padding-left:18px;font-size:11px;line-height:1.7}.login-form>.text-link{font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:18px;font-size:12px}.login-story>.login-logo{align-self:flex-start;margin-bottom:35px}
.overview-banner{border-color:var(--primary-border);background:linear-gradient(115deg, var(--primary-soft), color-mix(in srgb, var(--primary-soft) 80%, var(--primary)));color:var(--text)}.overview-banner p,.banner-note{color:var(--muted)}.network-center{background:var(--surface);color:var(--primary)}.network-node{background:var(--primary-border);border-color:var(--primary-soft)}.connectivity{white-space:nowrap;color:var(--state-unknown);background:var(--state-unknown-soft);border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 7px;font-size:10px;font-weight:650;display:inline-flex}.connectivity i{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.connectivity small{opacity:.85;font-size:9px;font-weight:500}.connectivity-online{color:var(--state-ok);background:var(--state-ok-soft)}.connectivity-online i{box-shadow:0 0 0 3px color-mix(in srgb, var(--state-ok) 25%, transparent)}.connectivity-offline{color:var(--state-down);background:var(--state-down-soft)}.connectivity-degraded{color:var(--state-warn);background:var(--state-warn-soft)}.connectivity-degraded i{background:var(--state-warn-dot)}.connectivity-not_applicable i{background:0 0;border:1.5px solid}.filter-chips{flex-wrap:wrap;gap:8px;padding:0 20px 16px;display:flex}.filter-chips button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;display:inline-flex}.filter-chips button[aria-pressed=true]{border-color:var(--primary);color:var(--primary-text);background:var(--primary-soft)}.chip-dot{border-radius:50%;width:8px;height:8px}.chip-dot.ok{background:var(--state-ok)}.chip-dot.down{background:var(--state-down)}.chip-dot.warn{background:var(--state-warn-dot)}.chip-dot.unknown{background:var(--state-unknown)}.network-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.network-card{padding:0 0 8px}.network-card .card-heading{padding-bottom:12px}.network-counts{gap:18px;padding:0 23px 14px;display:flex}.network-counts div{flex-direction:column;gap:4px;display:flex}.network-counts strong{letter-spacing:-1px;font-size:28px;font-weight:650;line-height:1}.network-counts .ok strong{color:var(--state-ok)}.network-counts .down strong{color:var(--state-down)}.network-counts .unknown strong{color:var(--state-unknown)}.network-counts span{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.network-list{margin:0;padding:0 23px;list-style:none}.network-list li{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:12px;display:flex}.network-list li>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.network-list small{color:var(--muted);font-size:10px;display:block}.network-list .empty-row{color:var(--muted);font-size:11px}.network-meta{color:var(--muted);padding:8px 23px 0;font-size:10px}.connectivity-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.state-box{padding:18px 20px}.state-box h3{letter-spacing:1.4px;color:var(--muted);margin-bottom:10px;font-size:10px;font-weight:700}.state-box .state-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.state-box p{color:var(--muted);margin-top:10px;font-size:11px}.sim-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sim-actions .button{padding:7px 11px;font-size:11px}.sim-actions.compact{flex-wrap:nowrap;gap:5px;margin-top:0}.sim-actions.compact .button{padding:5px 8px;font-size:10px}td .sim-actions:not(.compact){margin-top:8px}.brand-editor{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.brand-editor .card{padding:22px}.brand-editor h2{margin-bottom:4px}.brand-editor .hint{color:var(--muted);margin-bottom:18px;font-size:11px}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{flex-shrink:0;width:46px;height:38px;padding:3px}.asset-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 0;display:flex}.asset-preview{border:1px dashed var(--border);background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:120px;height:56px;display:grid;overflow:hidden}.asset-preview img{object-fit:contain;width:100%;height:100%;padding:4px}.card-heading .text-link{white-space:nowrap}.asset-preview.small{width:56px}.asset-row>div:nth-child(2){flex:1;min-width:160px}.asset-row small{color:var(--muted);font-size:10px;display:block}.asset-row input[type=file]{display:none}.brand-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden}.brand-preview .preview-bar{background:var(--sidebar);padding:16px}.brand-preview .preview-body{background:var(--bg);flex-direction:column;gap:12px;padding:16px;display:flex}.brand-preview .preview-states{flex-wrap:wrap;gap:8px;display:flex}.platform-table td small{color:var(--muted);font-size:10px;display:block}.org-swatch{vertical-align:middle;border:1px solid #0002;border-radius:3px;width:12px;height:12px;margin-right:8px;display:inline-block}.usage-bar{background:var(--border);border-radius:3px;max-width:120px;height:5px;margin-top:5px;overflow:hidden}.usage-bar span{background:var(--primary);height:100%;display:block}.status-trial,.status-past_due{background:var(--state-warn-soft);color:var(--state-warn)}.status-active{background:var(--state-ok-soft);color:var(--state-ok)}.status-suspended,.status-cancelled{background:var(--state-down-soft);color:var(--state-down)}.wan-meta{color:var(--muted);font-size:10px}@media (max-width:1100px){.network-grid,.brand-editor{grid-template-columns:1fr}}@media (max-width:640px){.connectivity-panel{grid-template-columns:1fr}.filter-chips{padding:0 16px 14px}}.wan-meta.wan-error{color:var(--state-down)}
.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.layer-dot{background:0 0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:inline-grid;position:relative}.layer-dot i{background:currentColor;border-radius:50%;width:11px;height:11px}.layer-dot.connectivity-online i{box-shadow:0 0 0 3px color-mix(in srgb, var(--state-ok) 22%, transparent)}.layer-dot.connectivity-degraded i{background:var(--state-warn-dot)}.layer-dot.connectivity-unknown i{background:0 0;border:2px solid}.layer-none{color:var(--muted)}.routers-table td a small,.routers-table td>small{color:var(--muted);font-size:10px;display:block}.network-list li>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wizard-card{max-width:640px;padding:24px}.choice-group{border:0;gap:10px;margin:0;padding:0;display:grid}.choice-group legend{margin-bottom:8px;font-size:12px;font-weight:600}.choice-group label{border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:row;align-items:center;gap:12px;padding:14px;font-weight:500}.choice-group label.selected{border-color:var(--primary);background:var(--primary-soft)}.choice-group input{width:auto;accent-color:var(--primary)}.choice-group svg{color:var(--primary-text);flex-shrink:0}.choice-group span b{font-size:13px;display:block}.choice-group span small{color:var(--muted);font-weight:400}.wizard-connect{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:22px;display:grid}.wizard-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0;list-style:none;display:grid}.wizard-steps li{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:10px;padding:12px;display:flex}.wizard-steps small{letter-spacing:1.2px;color:var(--muted);font-size:9px;font-weight:700;display:block}.wizard-steps b{font-size:12px;display:block}.wizard-steps p{color:var(--muted);margin-top:3px;font-size:10px}.step-number{background:var(--primary);width:26px;height:26px;color:var(--primary-foreground);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.script-box{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.script-toolbar{border-bottom:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:11px;display:flex}.script-box pre{color:#d9e2ef;background:#0f1623;max-height:320px;margin:0;padding:14px 16px;font-family:Consolas,Cascadia Mono,monospace;font-size:11px;line-height:1.55}.compact-banner{margin-top:16px;padding:14px 16px}.compact-banner .button{margin-left:auto}.connect-status{justify-content:center;align-items:center;min-height:240px;padding:24px;display:flex}.connect-status .waiting{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.connect-status .waiting p{color:var(--muted);font-size:11px}.pulse-dot{background:var(--state-unknown);border-radius:50%;width:18px;height:18px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--state-unknown) 45%, transparent)}50%{box-shadow:0 0 0 12px #0000}}.spin{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin,.pulse-dot{animation:none}}.connected{width:100%}.connected .ok-icon{color:var(--state-ok)}.connected h2{margin:8px 0 16px;font-size:18px}.detected{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.detected dt{color:var(--muted);font-size:10px}.detected dd{margin:3px 0 0;font-weight:600}.router-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.router-summary .state-box p{margin-top:8px}.diagnosis{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:14px;width:100%;margin-bottom:18px;padding:16px 18px;display:flex}.diagnosis>svg{flex-shrink:0;margin-top:2px}.diagnosis-down{border-color:color-mix(in srgb, var(--state-down) 35%, transparent);background:var(--state-down-soft)}.diagnosis-down>svg{color:var(--state-down)}.diagnosis-warn{border-color:color-mix(in srgb, var(--state-warn-dot) 45%, transparent);background:var(--state-warn-soft)}.diagnosis-warn>svg{color:var(--state-warn)}.diagnosis-waiting>svg{color:var(--state-unknown)}.diagnosis-ok>svg{color:var(--state-ok)}.diagnosis b{font-size:13px}.diagnosis p{margin-top:4px;font-size:12px}.diagnosis small{color:var(--muted);margin-top:10px;font-size:10px;display:block}.diagnosis ul{margin:4px 0 0;padding-left:18px;font-size:11px}.diagnosis-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.diag-layers{flex-wrap:wrap;gap:18px;margin-bottom:12px;display:flex}.diag-layers small{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}@media (max-width:1180px){.wizard-steps,.router-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.wizard-connect{grid-template-columns:1fr}}@media (max-width:640px){.wizard-steps,.detected{grid-template-columns:1fr}.compact-banner{flex-wrap:wrap}}.router-config-wizard{min-width:0}.router-config-wizard label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:10px;display:flex}.router-config-wizard input[type=checkbox]{width:16px;min-width:16px;height:16px}.router-config-wizard td{white-space:normal;overflow-wrap:anywhere}.router-config-wizard pre{max-height:420px;font-size:12px;overflow:auto}.button.danger{background:var(--state-down);color:#fff}.button.danger:hover{background:var(--state-down);filter:brightness(.92)}.router-script{gap:12px;margin-top:16px;display:grid}.router-script pre,.pppoe-service pre,.customer-pppoe pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;font-size:12px;overflow:auto}.check-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.check-list li{border-radius:7px;padding:8px 12px;font-size:13px}.check-list li.ok{background:var(--state-ok-soft);color:var(--state-ok)}.check-list li.pending{background:var(--state-down-soft);color:var(--state-down)}.pppoe-service,.customer-pppoe{gap:12px;margin-top:20px;display:grid}.config-review dd div+div{margin-top:4px}.config-decision{gap:10px;display:grid}.config-decision .button{white-space:normal;text-align:left;justify-content:flex-start}.advanced-tools{border:1px dashed var(--border);border-radius:8px;padding:10px 14px}.advanced-tools summary{cursor:pointer;color:var(--muted);font-size:13px}.advanced-tools[open]{gap:10px;display:grid}.sync-line{margin:2px 0;font-size:12px}.sync-line.ok{color:var(--state-ok)}.sync-line.pending{color:var(--state-down)}.service-drafts{gap:14px;display:grid}.service-draft{border:1px solid var(--border);border-radius:8px;min-width:0;margin:0;padding:12px 14px 14px}.service-draft legend{align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:600;display:flex}.service-draft input[readonly],.entity-form input[readonly]{background:var(--bg);color:var(--muted);cursor:default}.field-note{color:var(--muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.customer-services{gap:16px;display:grid}.services-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.service-card{border:1px solid var(--border);border-radius:10px;margin-top:0;padding:16px}.service-card .form-actions{flex-wrap:wrap}.button.danger-text{color:var(--state-down)}.compact-table{border-collapse:collapse;width:100%;font-size:13px}.compact-table th,.compact-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}
.admin-nav{scrollbar-width:thin;gap:6px;margin:-6px 0 22px;padding-bottom:4px;display:flex;overflow-x:auto}.admin-nav a{border:1px solid var(--border);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:600;display:inline-flex}.admin-nav a[aria-current=page]{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-text)}.admin-nav a b{background:var(--primary);min-width:17px;height:17px;color:var(--primary-foreground);border-radius:9px;place-items:center;padding:0 4px;font-size:9px;display:inline-grid}.status.fin-aprobado,.status.fin-cumplida{background:var(--state-ok-soft);color:var(--state-ok)}.status.fin-pendiente_aprobacion,.status.fin-pagada,.status.fin-proxima,.status.fin-correccion_solicitada{background:var(--state-warn-soft);color:var(--state-warn)}.status.fin-rechazado,.status.fin-vencida,.status.fin-vence_hoy{background:var(--state-down-soft);color:var(--state-down)}.status.fin-reversado,.status.fin-ajustado{background:var(--primary-soft);color:var(--primary-text)}.status.fin-borrador,.status.fin-pendiente,.status.fin-anulada{background:var(--state-unknown-soft);color:var(--state-unknown)}.status.fin-aprobado:before,.status.fin-cumplida:before{background:var(--state-ok)}.status.fin-vencida:before,.status.fin-rechazado:before,.status.fin-vence_hoy:before{background:var(--state-down)}.lock-note{color:var(--state-ok);align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.amount.negative{color:var(--state-down)}.muted{color:var(--muted)}.fin-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px;display:grid}.fin-columns{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:start;gap:20px;margin-bottom:22px;display:grid}.fin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:18px 20px}.fin-card h2{margin:0 0 12px;font-size:14px}.fin-card h3{margin:16px 0 8px;font-size:12px}.fin-card>p{color:var(--muted);font-size:11px}.next-due{border-radius:var(--radius);background:var(--sidebar);color:#fff;gap:4px;margin-bottom:22px;padding:20px 22px;display:grid}.next-due .eyebrow{color:#ffb489}.next-due strong{letter-spacing:-.6px;font-size:26px}.next-due span{opacity:.85;font-size:12px}.next-due .countdown{background:var(--primary);color:var(--primary-foreground);opacity:1;border-radius:999px;justify-self:start;margin-top:6px;padding:5px 10px;font-size:12px;font-weight:700}.next-due.urgent .countdown{background:#c92f2f}.fin-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.fin-list li,.fin-list a{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:12px;display:flex}.fin-list li:last-child,.fin-list a:last-child{border-bottom:0}.fin-list .grow{flex:1;min-width:0}.fin-list .grow b,.fin-list .grow small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fin-list small{color:var(--muted);font-size:10px}.fin-table{border-collapse:collapse;width:100%;font-size:12px}.fin-table th{text-align:left;color:var(--muted);letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:9px;font-weight:650}.fin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}.fin-table td small{color:var(--muted);font-size:10px;display:block}.fin-table tr:last-child td{border-bottom:0}.fin-table .num{text-align:right}.fin-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.fin-toolbar input,.fin-toolbar select{flex:140px;min-width:0;max-width:240px}.fin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-form{gap:14px;max-width:640px;display:grid}.quick-form label{gap:6px;font-size:12px;font-weight:600;display:grid}.quick-form input,.quick-form select,.quick-form textarea{padding:11px 12px;font-size:16px}.quick-form .amount-input{letter-spacing:-.5px;font-size:26px;font-weight:700}.segmented{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.segmented button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 6px;font-size:12px;font-weight:600}.segmented button[aria-pressed=true]{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text)}.quick-form details{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 14px}.quick-form details summary{cursor:pointer;color:var(--primary-text);font-size:12px;font-weight:650}.quick-form details[open] summary{margin-bottom:12px}.quick-form .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.file-drop{border:1px dashed var(--border);background:var(--surface);border-radius:10px;gap:6px;padding:14px;font-size:12px;display:grid}.file-drop ul{color:var(--muted);margin:0;padding-left:16px;font-size:11px}.sticky-actions{background:linear-gradient(transparent, var(--bg) 30%);gap:8px;padding:12px 0;display:flex;position:sticky;bottom:0}.sticky-actions .button{flex:1;padding:13px 12px;font-size:13px}.approval-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:10px;padding:16px 18px;display:grid}.approval-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.approval-card header strong{letter-spacing:-.5px;font-size:22px}.approval-card dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12px;display:grid}.approval-card dt{color:var(--muted)}.approval-card dd{margin:0}.approval-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.doc-list{gap:8px;display:grid}.doc-item{border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:flex}.doc-item.superseded{opacity:.6}.doc-item .grow{flex:1;min-width:0}.doc-item .grow small{color:var(--muted);font-size:10px;display:block}.hash{word-break:break-all;color:var(--muted);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:10px}.integrity{border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.integrity.ok{background:var(--state-ok-soft);color:var(--state-ok)}.integrity.bad{background:var(--state-down-soft);color:var(--state-down)}.bar-row{grid-template-columns:minmax(90px,160px) 1fr auto;align-items:center;gap:10px;padding:5px 0;font-size:11px;display:grid}.bar-row .bar{background:var(--state-unknown-soft);border-radius:4px;height:8px;overflow:hidden}.bar-row .bar i{background:var(--primary);border-radius:4px;height:100%;display:block}.notification-count{background:var(--state-down);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:3px;right:3px}.notification-wrap .icon-button{position:relative}.notification-list{max-height:360px;margin:8px -4px 0;display:grid;overflow:auto}.notification-list a,.notification-list div{border-bottom:1px solid var(--border);gap:2px;padding:9px 6px;font-size:11px;display:grid}.notification-list .unread b:before{content:"";background:var(--primary);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.notification-list small{color:var(--muted);font-size:10px}@media (max-width:980px){.fin-columns{grid-template-columns:1fr}}@media (max-width:740px){.quick-form .two,.approval-grid{grid-template-columns:1fr}.fin-toolbar input,.fin-toolbar select{max-width:none}.fin-table.responsive thead{display:none}.fin-table.responsive tr{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:2px 10px;padding:10px 14px;display:grid}.fin-table.responsive td{border:0;padding:0}.fin-table.responsive td.hide-sm{display:none}.next-due strong{font-size:22px}}
.status-pending{background:var(--state-warn-soft);color:var(--state-warn)}.console-realm{border:1px solid var(--primary-border);background:var(--primary-soft);color:var(--primary-text);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700}.console-filters{flex-wrap:wrap;gap:8px;margin:18px 0 12px;display:flex}.console-filters .chip{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px}.console-filters .chip.is-active{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary-text);font-weight:700}.console-table td{vertical-align:top}.console-table .status{margin:2px 0}.console-owner{overflow-wrap:anywhere}.console-limits{color:var(--muted);white-space:nowrap;margin:0;padding:0;font-size:12px;list-style:none}.console-empty{text-align:center;color:var(--muted);padding:28px 12px}.console-org-link{color:inherit;text-decoration:none}.console-org-link:hover b,.console-org-link:focus-visible b{color:var(--primary-text);text-decoration:underline}.console-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;text-decoration:none;display:inline-flex}.console-back:hover{color:var(--primary-text)}.console-detail-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:18px 0;display:grid}.console-panel{padding:20px}.console-panel h2,.console-section h2{margin:0 0 12px;font-size:15px}.console-section{margin-bottom:18px}.console-section.table-scroll h2{padding:18px 20px 0}.console-muted{color:var(--muted);font-size:12px}.console-limit-list{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.console-limit-list li{grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.console-limit-list .usage-bar{grid-column:1/-1;max-width:none}.console-audit{gap:10px;margin:0;padding:0;list-style:none;display:grid}.console-audit li{border-bottom:1px solid var(--border);gap:2px;padding-bottom:8px;font-size:13px;display:grid}.console-audit span,.console-audit small{color:var(--muted)}.console-created{margin-top:18px}.console-pending{color:var(--state-warn);margin-top:4px;display:block}.temp-password{border:1px solid var(--state-warn-dot);background:var(--state-warn-soft);border-radius:10px;margin:16px 0;padding:16px}.temp-password-label{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.temp-password-value{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.temp-password-value code{letter-spacing:1px;background:var(--surface);border:1px solid var(--border);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;border-radius:7px;padding:8px 12px;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-size:20px}.temp-password ul{margin:12px 0 0;padding-left:18px;font-size:12px;line-height:1.7}
@media (min-width:1550px){main{padding:40px 45px}.topbar{padding:0 45px}.metrics-grid{gap:22px}.overview-banner{min-height:205px}.card-heading h2{font-size:17px}td{font-size:12px}.metric-label{font-size:13px}}@media (max-width:1180px){.sidebar{width:210px}.main-column{width:calc(100% - 210px);margin-left:210px}.topbar{gap:10px;padding:0 22px}main{padding:25px 22px}.user-chip>div:last-child{display:none}.global-search{width:180px}.date-pill{display:none}.dashboard-columns{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}.distribution{gap:20px;padding:5px 20px 25px}.donut{width:120px;min-width:120px;height:120px;padding:15px}.legend .status{font-size:7px}.network-art{right:30px}.plan-grid{gap:14px}.plan-card{padding:18px}.plan-price{font-size:25px}}@media (max-width:980px){.dashboard-columns{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.network-art{opacity:.55;right:-40px}.overview-banner>div:first-child{z-index:2;position:relative}.banner-note{display:none}.list-toolbar{flex-wrap:wrap}.filter-search{flex-basis:100%}.list-toolbar select{flex:1}.detail-grid{grid-template-columns:1fr 1fr}.login-story{padding:40px 10%}.login-story h1{font-size:34px}.login-features{flex-direction:column;gap:10px}}@media (max-width:740px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-shade{z-index:35;background:#0006;border:0;display:block;position:fixed;inset:0}.main-column{width:100%;margin:0}.mobile-menu{display:inline-flex}.topbar{gap:7px;height:63px;padding:0 14px}.breadcrumb{display:none}.global-search{flex:1}.user-chip{padding-left:7px}main{padding:23px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.heading-actions>.button{padding:9px 10px;font-size:10px}.overview-banner{min-height:185px;padding:21px}.overview-banner h2{font-size:25px}.metrics-grid{gap:12px}.metric{padding:15px}.metric-label{font-size:10px}.metric strong{font-size:28px}.card-heading{padding:18px}.dashboard-columns{gap:17px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{max-height:95vh;padding:18px}.detail-grid{grid-template-columns:1fr 1fr;gap:20px}.tabs{gap:20px}.customer-strip{gap:14px}.mock-banner{align-items:flex-start;padding:17px}.mock-banner .subtle-tag{display:none}.pagination{flex-wrap:wrap;gap:12px}.login{display:block}.login-story{padding:22px 30px}.login-story>.brand{margin:0}.login-story h1,.login-story p,.login-story .eyebrow,.login-features,.login-orbit,.login-story>small{display:none}.login-form{padding:45px 25px}.permission-grid{grid-template-columns:1fr}footer{gap:10px;padding:15px 16px;font-size:8px}.page-heading{flex-direction:column;gap:16px}.network-art{opacity:.18}.heading-actions{width:100%}.brand img{object-fit:contain;max-width:145px}}.button.success-button{background:var(--state-ok);color:#fff}.button.success-button:hover{filter:brightness(.93)}.quick-block{padding:7px 12px;font-size:12px}.quick-block.large,.button.large{border-radius:12px;padding:12px 18px;font-size:14px}.status-reason{color:var(--state-down);text-transform:uppercase;letter-spacing:.5px;margin-left:6px;font-size:10px;font-weight:700;display:inline-block}.reason-toggle{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 4px;display:grid}.reason-toggle button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px;font-weight:700}.reason-toggle button[aria-checked=true]{border-color:var(--state-down);background:var(--state-down-soft);color:var(--state-down)}.toast{z-index:120;background:var(--sidebar);color:#fff;border-left:5px solid var(--state-ok);border-radius:12px;align-items:center;gap:10px;width:min(560px,100% - 24px);padding:14px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0005}.toast.warn{border-left-color:var(--state-warn-dot)}.toast span{flex:1}.toast .icon-button{color:#fff;font-size:20px}.customer-cards,.bottom-nav{display:none}@media (max-width:740px){.topbar-logo{display:inline-flex}.bottom-nav{z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0001}.bottom-nav a,.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:50px;padding:6px 2px;font-size:11px;font-weight:650;display:flex}.bottom-nav a.active{color:var(--primary-text);background:var(--primary-soft)}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}.icon-button{min-width:40px;min-height:40px}.heading-actions{flex-wrap:wrap;gap:8px;display:flex}.heading-actions>.button,.heading-actions>a>.button{flex:1;padding:12px 14px;font-size:13px}.filter-chips{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-chips button{flex:none;padding:9px 13px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:92vh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.modal .form-actions .button{flex:1;padding:13px;font-size:14px}.table-scroll{overflow:visible}.table-scroll table,.table-scroll tbody,.table-scroll tr,.table-scroll td{width:100%;min-width:0;display:block}.table-scroll thead{display:none}.table-scroll tr{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:0 0 10px;padding:10px 14px}.table-scroll td{text-align:right;white-space:normal;border:0;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;display:flex}.table-scroll td:before{content:attr(data-label);letter-spacing:.4px;color:var(--muted);text-align:left;flex:none;max-width:42%;font-size:10px;font-weight:750}.table-scroll td[data-label=""]:before{content:none}.table-scroll td:first-child{font-size:15px}.table-scroll td .row-actions{flex-wrap:wrap;justify-content:flex-end}.table-scroll:has(.customers-table){display:none}.customer-cards{gap:10px;margin:0;padding:0 0 6px;list-style:none;display:grid}.customer-card{border:1px solid var(--border);border-left:5px solid var(--state-ok);background:var(--surface);border-radius:14px;gap:12px;padding:14px;display:grid}.customer-card-main{color:inherit;gap:5px;text-decoration:none;display:grid}.customer-card-main b{font-size:16px}.customer-card-main small{color:var(--muted)}.customer-card-states{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.customer-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.customer-card-actions .button{width:100%}}.status-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-cell .status-reason{margin:0}@media (max-width:740px){.customer-card.is-suspendido{border-left-color:var(--state-down)}.customer-card.is-moroso{border-left-color:var(--state-warn-dot)}.customer-card.is-pendiente_instalacion,.customer-card.is-retirado{border-left-color:var(--state-unknown)}.customer-card-main b{color:var(--text)}.topbar .global-search,.topbar a[aria-label=Cambiar\ contraseña]{display:none}.topbar-logo{margin-right:auto}.overview-banner{display:none}}