body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}.layout,body{background:#f3f4f6}.layout{display:flex;min-height:100vh}.sidebar{background:#111827;color:#e5e7eb;display:flex;flex-direction:column;padding:20px 18px;width:260px}.sidebar-brand{margin-bottom:24px}.brand-logo,.sidebar-brand{align-items:center;display:flex}.brand-logo{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;color:#fff;font-weight:800;height:40px;justify-content:center;margin-right:10px;width:40px}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:18px;font-weight:700}.brand-subtitle{color:#9ca3af;font-size:12px}.sidebar-nav{flex:1 1;margin-top:12px}.sidebar-section-title{color:#6b7280;font-size:11px;letter-spacing:.08em;margin:18px 6px 6px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:10px;color:#e5e7eb;display:flex;font-size:14px;margin-bottom:4px;padding:9px 10px;text-decoration:none;transition:background .18s,color .18s,transform .1s}.sidebar-link .icon{display:inline-flex;justify-content:center;margin-right:8px;width:22px}.sidebar-link:hover{background:#1f2937;transform:translateX(2px)}.sidebar-link.active{background:#2563eb;color:#fff}.sidebar-footer{border-top:1px solid #1f2937;color:#6b7280;font-size:11px;padding-top:10px}.sidebar-footer-text{display:block}.main-area{display:flex;flex:1 1;flex-direction:column}.topbar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;height:72px;justify-content:space-between;padding:0 32px}.topbar-title{color:#111827;font-size:22px;font-weight:700;margin:0}.topbar-subtitle{color:#6b7280;font-size:13px;margin:2px 0 0}.topbar-right{gap:16px}.topbar-right,.topbar-search{align-items:center;display:flex}.topbar-search{background:#fff;border:1px solid #e5e7eb;border-radius:999px;gap:6px;padding:6px 12px}.topbar-search-input{background:#0000;border:none;font-size:13px;outline:none;width:180px}.topbar-user{gap:10px}.topbar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:#2563eb;border-radius:999px;color:#fff;font-size:14px;font-weight:600;height:34px;justify-content:center;width:34px}.user-info{display:flex;flex-direction:column}.user-name{color:#111827;font-size:13px;font-weight:600}.user-role{color:#6b7280;font-size:11px}.content{padding:24px 32px 32px}.sidebar-toggle{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;color:#ffffffe6;cursor:pointer;margin-left:auto;padding:6px 10px;transition:.15s ease}.sidebar-toggle:hover{background:#ffffff29}.logout-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;margin-left:12px;padding:6px 10px}.layout .sidebar{transition:width .18s ease;width:260px}.layout.sidebar-collapsed .sidebar{width:78px}.layout.sidebar-collapsed .brand-text,.layout.sidebar-collapsed .link-text,.layout.sidebar-collapsed .sidebar-footer,.layout.sidebar-collapsed .sidebar-section-title{display:none}.layout.sidebar-collapsed .sidebar-link{justify-content:center;padding-left:0;padding-right:0}.layout.sidebar-collapsed .sidebar-link .icon{margin-right:0}.mobile-only{display:none}.desktop-only{display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:none;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:9998}.sidebar-overlay.open{display:block;opacity:1;pointer-events:auto}.hamburger{background:#ffffffbf;border:1px solid #00000014;border-radius:12px;cursor:pointer;height:44px;margin-right:12px;width:44px}.sidebar-close{background:#ffffff1a;border:1px solid #ffffff29;border-radius:12px;color:#fffffff2;cursor:pointer;height:40px;margin-left:auto;width:40px}.topbar-left{align-items:center;display:flex}@media (max-width:900px){.mobile-only{display:inline-flex}.desktop-only{display:none!important}.layout .sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-102%);transition:transform .2s ease;width:290px;z-index:9999}.layout .sidebar.drawer-open{transform:translateX(0)}.layout.sidebar-collapsed .sidebar{width:290px}.layout.sidebar-collapsed .brand-text,.layout.sidebar-collapsed .link-text,.layout.sidebar-collapsed .sidebar-footer,.layout.sidebar-collapsed .sidebar-section-title{display:block}.main-area{margin-left:0!important;width:100%}.topbar{padding:12px 14px}.topbar-title{font-size:18px;line-height:1.1}.topbar-subtitle{font-size:12px}.content{padding:14px!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.hamburger,.sidebar-close{-webkit-font-smoothing:antialiased;align-items:center!important;border-radius:14px;display:inline-flex!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:46px;justify-content:center!important;line-height:1!important;padding:0!important;width:46px}.hamburger,.sidebar-close{font-size:22px!important}}.nsop-zona{bottom:20px;display:flex;flex-direction:column;gap:12px;max-width:330px;position:fixed;right:20px;z-index:2500}.nsop-globo{animation:nsop-entrar .35s cubic-bezier(.22,1,.36,1);background:#fff;border-left:5px solid #16a34a;border-radius:14px;box-shadow:0 10px 34px #00000038;display:flex;gap:12px;padding:14px 16px 14px 14px;position:relative}@keyframes nsop-entrar{0%{opacity:0;transform:translateX(120%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.nsop-globo:before{animation:nsop-latido 1.8s ease-out 3;border-radius:14px;box-shadow:0 0 0 0 #16a34a73;content:"";inset:0;pointer-events:none;position:absolute}@keyframes nsop-latido{0%{box-shadow:0 0 0 0 #16a34a73}70%{box-shadow:0 0 0 14px #16a34a00}to{box-shadow:0 0 0 0 #16a34a00}}.nsop-icono{flex:0 0 auto;font-size:26px;line-height:1;margin-top:2px}.nsop-cuerpo{cursor:pointer;flex:1 1;min-width:0}.nsop-titulo{color:#16a34a;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.nsop-nombre{color:#111827;font-size:15px;font-weight:700;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nsop-dato{color:#64748b;font-size:12.5px;margin-top:1px}.nsop-msg{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;font-size:13px;font-style:italic;margin-top:6px;overflow:hidden}.nsop-boton{background:#16a34a;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;margin-top:10px;padding:8px 12px;width:100%}.nsop-boton:hover{background:#15803d}.nsop-cerrar{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px;position:absolute;right:8px;top:6px}.nsop-cerrar:hover{color:#374151}@media (max-width:520px){.nsop-zona{bottom:10px;left:10px;max-width:none;right:10px}}.dashboard{color:#0f172a;min-height:100vh;padding:18px 14px 26px}.dashboard-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:14px}.stat-card{align-items:center;background:#ffffffb8;border:1px solid #0000000f;box-shadow:0 10px 28px #00000014;gap:12px;padding:14px}.stat-card.highlight{background:linear-gradient(180deg,#3b82f624,#22c55e1a);border-color:#3b82f62e}.stat-icon{background:#ffffffb3;border:1px solid #0000000f;border-radius:16px;display:grid;font-size:20px;height:44px;place-items:center;width:44px}.stat-icon.primary{background:#3b82f624;border-color:#3b82f62e}.stat-icon.success{background:#10b98124;border-color:#10b98133}.stat-icon.warning{background:#f59e0b24;border-color:#f59e0b33}.stat-info{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:12px;font-weight:800;letter-spacing:.02em;opacity:.7}.stat-value{font-size:24px;font-weight:900;line-height:1.1;margin-top:2px}.stat-sub{font-size:12px;margin-top:3px;max-width:72vw;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:12px}.dashboard-chart{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #00000014;padding:14px 14px 6px}.dashboard-chart h3{font-size:14px;font-weight:900;margin:0 0 8px}.dashboard-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #00000014;padding:14px}.dashboard-card h3{font-size:14px;font-weight:900;margin:0 0 10px}.empty{font-weight:700;margin:0;opacity:.75}.onus-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.onu-item{background:#ffffff8c;border:1px solid #0000000f;border-radius:14px;font-size:13px;line-height:1.35;padding:10px 12px}.btn-ver-todas{background:linear-gradient(180deg,#3b82f6,#2563eb);border:1px solid #0000001a;border-radius:14px;color:#fff;cursor:pointer;font-weight:900;margin-top:10px;padding:12px;transition:transform .12s ease,box-shadow .12s ease;width:100%}.btn-ver-todas:hover{box-shadow:0 12px 26px #2563eb4d;transform:translateY(-1px)}.btn-ver-todas:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-box{grid-gap:10px;display:grid;gap:10px;padding:18px 0;place-items:center}.spinner{border:3px solid #0000001f;border-radius:999px;border-top-color:#3b82f6f2}.card.olt-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #00000014;margin-top:14px;overflow:hidden;padding:14px}.card-header h2{font-size:15px;font-weight:900;margin:0 0 10px}.olt-card{overflow-x:auto}.olt-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:220px 120px 140px 110px 130px 160px 80px;min-width:980px;padding:10px 8px}.olt-row.header{background:#ffffffe6;border-bottom:1px solid #0000000f;color:#0f172ab8;font-size:12px;font-weight:900;letter-spacing:.06em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.olt-row:not(.header){border-bottom:1px solid #0000000d}.olt-info{align-items:center;display:flex;gap:10px}.olt-image-placeholder{background:#3b82f624;border:1px solid #3b82f638;border-radius:14px;display:grid;font-weight:900;height:40px;place-items:center;width:40px}.olt-text{display:flex;flex-direction:column}.olt-model{font-size:13px;font-weight:900}.olt-brand{font-size:12px;margin-top:2px;opacity:.7}.status-pill{font-size:12px;font-weight:900;justify-content:center;padding:6px 10px}.status-pill.online{background:#10b98124;border:1px solid #10b98138;color:#0f766e}.olt-action-btn{background:#ffffffbf;border:1px solid #0000001a;border-radius:14px;cursor:pointer;height:42px;width:42px}.olt-action-btn:hover{background:#fffffff2}@media (min-width:900px){.dashboard{padding:22px 24px 32px}.dashboard-cards{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-sub{max-width:none}.dashboard-row{align-items:start;gap:14px;grid-template-columns:1.2fr .8fr}.dashboard-card h3,.dashboard-chart h3{font-size:15px}}.dashboard .dashboard-cards .stat-card{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important}.dashboard .dashboard-cards .stat-icon{flex:0 0 auto!important}.dashboard .dashboard-cards .stat-info{flex:1 1 auto!important;min-width:0!important}.onus-wrap{background:#f3f4f6;min-height:100vh;padding:24px 16px 40px}.onus-page{margin:0 auto;max-width:1280px}.header-card{background:#fff;border:1px solid #0000000f;border-radius:22px;box-shadow:0 18px 50px #0000001a;margin-bottom:16px;padding:18px 20px 16px}.header-text h1{color:#0f172a;font-size:36px;font-weight:600;margin:0}.header-text p{color:#0f172a99;font-size:16px;font-weight:400;margin:6px 0 0}.header-controls{flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:14px}.hc-left,.header-controls{align-items:center;display:flex}.hc-left{flex:1 1 auto;gap:12px}.hc-right{align-items:center;display:flex;gap:14px;white-space:nowrap}.search-input{background:#fff;border:1px solid #0000001f;border-radius:14px;color:#0f172a;font-size:15px;font-weight:400;max-width:420px;padding:10px 14px;width:100%}.search-input:focus{border-color:#3b82f659;box-shadow:0 0 0 3px #3b82f626;outline:none}.count-pill{background:#3b82f629;border:1px solid #3b82f640;border-radius:999px;color:#1d4ed8;font-size:14px;font-weight:500;padding:8px 12px}.page-size{align-items:center;color:#0f172aa6;display:flex;font-size:15px;font-weight:500;gap:8px}.page-size select{background:#fff;border:1px solid #00000024;border-radius:12px;font-size:14px;font-weight:500;padding:8px 10px}.range{color:#0f172a99;font-size:14px;font-weight:400}.tabla-card{background:#fff;border:1px solid #0000000f;border-radius:22px;box-shadow:0 18px 50px #0000001a;padding:14px}.tabla-container{overflow:visible;width:100%}.tabla-onus{background:#fff;border:1px solid #0000000f;border-collapse:collapse;border-radius:18px;overflow:hidden;width:100%}.tabla-onus thead{background:#f1f5f9}.tabla-onus th{color:#0f172a8c;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.tabla-onus td,.tabla-onus th{padding:12px 10px;text-align:center}.tabla-onus td{border-bottom:1px solid #0000000f;color:#0f172ab8;font-size:16px;font-weight:400}.tabla-onus tbody tr{transition:background .12s ease}.tabla-onus tbody tr:hover{background:#3b82f60a}.row-selected{background:#3b82f612!important}.check-cell{text-align:center}.ios-check{align-items:center;display:inline-flex;justify-content:center;position:relative}.ios-check input{opacity:0;pointer-events:none;position:absolute}.ios-check-ui{background:#fff;border:1px solid #0000002e;border-radius:7px;height:20px;width:20px}.ios-check input:checked+.ios-check-ui{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#3b82f659}.ios-check input:checked+.ios-check-ui:after{border:2px solid #fff;border-left:0;border-top:0;content:"";height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:6px}.estado{border:1px solid #0000000f;border-radius:999px;font-size:14px;font-weight:500;padding:6px 12px}.estado.online{background:#22c55e24;color:#157315e6}.estado.offline{background:#ef444424;color:#8b0000e6}.pager{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}.pager-btn,.pager-page{background:#fff;border:1px solid #0000001f;border-radius:14px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:background .15s ease,transform .1s ease}.pager-page.active{background:#3b82f61f;border-color:#3b82f640}.pager-btn:disabled{cursor:not-allowed;opacity:.4}.pager-ellipsis{color:#0f172a8c;font-size:14px}@keyframes toolbarIn{0%{filter:blur(2px);opacity:0;transform:translateY(12px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.ios-actionbar{align-items:center;animation:toolbarIn .18s ease-out both;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#ffffffe6;border:1px solid #00000014;border-radius:18px;box-shadow:0 18px 50px #0003;display:flex;gap:12px;padding:12px 14px;position:absolute}.ios-ab-btn{background:#f8fafc;border:1px solid #0000;border-radius:999px;color:#0f172a;cursor:pointer;font-size:13px;font-weight:500;padding:9px 14px;transition:background .15s ease,transform .1s ease;white-space:nowrap}.ios-ab-btn:active{transform:scale(.96)}.ios-ab-btn.b-blue{background:#3b82f629;color:#1d4ed8}.ios-ab-btn.b-indigo{background:#6366f129;color:#4338ca}.ios-ab-btn.b-teal{background:#14b8a629;color:#0f766e}.ios-ab-btn.b-cyan{background:#06b6d429;color:#0e7490}.ios-ab-btn.b-red{background:#f472b629;color:#be185d}.ios-ab-btn.b-red-danger{background:#ef444429;color:#991b1b}.ios-ab-btn.b-orange{background:#f59e0b29;color:#b45309}.ios-ab-btn.b-emerald{background:#10b98129;color:#047857}.ios-ab-close{align-items:center;background:#0000000f;border:1px solid #0000002e;border-radius:999px;cursor:pointer;display:flex;font-size:18px;font-weight:400;height:36px;justify-content:center;line-height:1;transition:background .15s ease,transform .1s ease;width:36px}.ios-ab-close:hover{background:#0000001a}.ios-ab-close:active{transform:scale(.96)}@media (max-width:760px){.header-text h1{font-size:28px}.search-input{max-width:100%}.ios-actionbar{border-radius:20px;bottom:16px;gap:8px;justify-content:space-between;left:50%;position:fixed;top:auto;transform:translateX(-50%);width:calc(100% - 24px)}.ios-ab-btn{flex:1 1 auto;font-size:12px;padding:10px;text-align:center}.ios-ab-close{height:42px;width:42px}}.wanm-backdrop{align-items:center;background:#0a0c128c;display:flex;inset:0;justify-content:center;padding:14px;position:fixed;z-index:9999}.wanm-card{background:#0f1422;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 20px 50px #00000073;max-height:90vh;overflow:auto;position:relative;width:min(980px,100%)}.wanm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 10px}.wanm-title{color:#fff;font-size:18px;font-weight:700}.wanm-sub{color:#ffffffb8;font-size:13px;margin-top:4px}.wanm-close{background:#0000;border:0;border-radius:10px;color:#ffffffd9;cursor:pointer;font-size:20px;padding:6px 10px}.wanm-close:hover{background:#ffffff14}.wanm-alert{background:#ff50501f;border:1px solid #ff505040;border-radius:12px}.wanm-alert,.wanm-success{color:#ffffffeb;font-size:13px;margin:12px 16px 0;padding:10px 12px}.wanm-success{background:#32dc781a;border:1px solid #32dc7838;border-radius:12px}.wanm-body{grid-gap:14px;display:grid;gap:14px;padding:16px}.wanm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.wanm-grid{grid-template-columns:1fr}}.wanm-field label{color:#ffffffb3;display:block;font-size:12px;margin-bottom:6px}.wanm-field input,.wanm-field select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#fff;outline:none;padding:10px 12px;width:100%}.wanm-hint{color:#ffffff9e;font-size:12px;margin-top:6px}.wanm-preview{border:1px solid #ffffff1a;border-radius:14px;overflow:hidden}.wanm-preview-head{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.wanm-copy,.wanm-preview-head{background:#ffffff0f;color:#ffffffd9}.wanm-copy{border:1px solid #ffffff24;border-radius:10px;cursor:pointer;padding:6px 10px}.wanm-copy:hover{background:#ffffff1a}.wanm-pre{background:#0b0f1b;color:#ffffffe0;font-size:12px;line-height:1.35;margin:0;overflow:auto;padding:12px;white-space:pre}.wanm-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.wanm-btn{background:#2a6df5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.wanm-btn:disabled{cursor:not-allowed;opacity:.55}.wanm-btn.ghost{background:#ffffff14}.wanm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;border-radius:18px;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:50}.wanm-overlay-card{background:#0b0f1b;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 55px #0000008c;padding:14px;width:min(760px,92%)}.wanm-overlay-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.wanm-overlay-text{color:#ffffffe6;font-weight:700}.wanm-spinner{animation:wanmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#ffffffe0;height:18px;width:18px}@keyframes wanmspin{to{transform:rotate(1turn)}}.wanm-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;height:220px;line-height:1.35;overflow:auto;padding:10px}.wanm-step{margin:6px 0;white-space:pre-wrap}.wanm-step.info{opacity:.88}.wanm-step.err,.wanm-step.ok{opacity:.98}.wanm-step.cmd{opacity:.92}.wanm-step.out{opacity:.8}.toast-ios{animation:toastCenterIn .42s cubic-bezier(.22,1,.36,1);left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:99999}.toast-ios-box{animation:toastFade .24s ease-out;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:#0f172ab8;border:1px solid #ffffff29;border-radius:20px;box-shadow:0 14px 34px #0000003d,0 2px 10px #0000001f,inset 0 1px 0 #ffffff1f;display:flex;font-size:15px;font-weight:500;gap:12px;line-height:1.35;max-width:min(92vw,560px);min-width:260px;padding:14px 18px}.toast-icon,.toast-ios-box{align-items:center;color:#fff}.toast-icon{background:#ffffff29;border:1px solid #ffffff24;border-radius:999px;display:inline-flex;flex:0 0 26px;font-size:14px;font-weight:800;height:26px;justify-content:center;width:26px}.toast-msg{display:block;word-break:break-word}.toast-ios.success .toast-ios-box{background:#10b981b8;border-color:#ffffff2e}.toast-ios.success .toast-icon{background:#ffffff2e}.toast-ios.error .toast-ios-box{background:#ef4444b8;border-color:#ffffff29}.toast-ios.error .toast-icon{background:#ffffff29}.toast-ios.info .toast-ios-box{background:#3b82f6b8;border-color:#ffffff2e}.toast-ios.info .toast-icon{background:#ffffff29}@keyframes toastFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes toastCenterIn{0%{opacity:0;transform:translate(-50%,calc(-50% - 18px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:640px){.toast-ios{width:calc(100vw - 24px)}.toast-ios-box{border-radius:18px;font-size:14px;max-width:100%;min-width:0;padding:13px 15px}.toast-icon{flex-basis:24px;font-size:13px;height:24px;width:24px}}.t069-backdrop{align-items:center;background:#0a0c128c;display:flex;inset:0;justify-content:center;padding:14px;position:fixed;z-index:9999}.t069-card{background:#0f1422;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 20px 50px #00000073;overflow:hidden;width:min(720px,100%)}.t069-head{align-items:flex-start;border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 12px}.t069-title{color:#fff;font-size:18px;font-weight:800}.t069-sub{color:#ffffffb8;font-size:13px;margin-top:4px}.t069-close{background:#0000;border:0;border-radius:10px;color:#ffffffd9;cursor:pointer;font-size:20px;padding:6px 10px}.t069-close:hover{background:#ffffff14}.t069-body{padding:16px}.t069-alert{background:#ff50501f;border:1px solid #ff505040;border-radius:12px}.t069-alert,.t069-success{color:#ffffffeb;font-size:13px;margin:12px 16px 0;padding:10px 12px}.t069-success{background:#00dc8c1f;border:1px solid #00dc8c40;border-radius:12px}.t069-confirm{grid-gap:10px;display:grid;gap:10px}.t069-confirm-title{color:#fff;font-size:16px;font-weight:800}.t069-confirm-text{color:#ffffffc7;font-size:13px;line-height:1.35}.t069-confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.t069-btn{background:#2a6df5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.t069-btn:disabled{cursor:not-allowed;opacity:.55}.t069-btn.ghost{background:#ffffff14}.t069-progress{grid-gap:12px;display:grid;gap:12px}.t069-progress-top{align-items:center;display:flex;gap:10px}.t069-progress-text{color:#ffffffe6;font-weight:700}.t069-spinner{animation:t069spin .8s linear infinite;border:2px solid #fff3;border-radius:999px;border-top-color:#ffffffd9;height:18px;width:18px}@keyframes t069spin{to{transform:rotate(1turn)}}.t069-steps{background:#0b0f1beb;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffeb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;height:220px;line-height:1.35;overflow:auto;padding:10px}.t069-step{margin:4px 0;white-space:pre-wrap}.t069-step.info{opacity:.85}.t069-step.err,.t069-step.ok{opacity:.95}.t069-step.warn{opacity:.9}.t069-progress-actions{display:flex;justify-content:flex-end}.frm-backdrop{align-items:center;background:#0a0c128c;display:flex;inset:0;justify-content:center;padding:14px;position:fixed;z-index:9999}.frm-card{background:#0f1422;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 20px 50px #00000073;max-height:90vh;overflow:auto;position:relative;width:min(980px,100%)}.frm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 10px}.frm-title{color:#fff;font-size:18px;font-weight:800}.frm-sub{color:#ffffffb8;font-size:13px;margin-top:4px}.frm-close{background:#0000;border:0;border-radius:10px;color:#ffffffd9;cursor:pointer;font-size:20px;padding:6px 10px}.frm-close:hover{background:#ffffff14}.frm-alert{background:#ff50501f;border:1px solid #ff505040;border-radius:12px}.frm-alert,.frm-success{color:#ffffffeb;font-size:13px;margin:12px 16px 0;padding:10px 12px}.frm-success{background:#32dc781a;border:1px solid #32dc7838;border-radius:12px}.frm-body{grid-gap:14px;display:grid;gap:14px;padding:16px}.frm-warning{background:#ffb43c1a;border:1px solid #ffb43c2e;border-radius:14px;color:#ffffffe0;font-size:13px;line-height:1.35;padding:12px}.frm-preview{border:1px solid #ffffff1a;border-radius:14px;overflow:hidden}.frm-preview-head{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.frm-copy,.frm-preview-head{background:#ffffff0f;color:#ffffffd9}.frm-copy{border:1px solid #ffffff24;border-radius:10px;cursor:pointer;padding:6px 10px}.frm-copy:hover{background:#ffffff1a}.frm-pre{background:#0b0f1b;color:#ffffffe0;font-size:12px;line-height:1.35;margin:0;overflow:auto;padding:12px;white-space:pre}.frm-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.frm-btn{background:#2a6df5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.frm-btn:disabled{cursor:not-allowed;opacity:.55}.frm-btn.ghost{background:#ffffff14}.frm-btn.danger{background:#ef4444}.frm-btn.danger:hover{filter:brightness(.95)}.frm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;border-radius:18px;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:50}.frm-overlay-card{background:#0b0f1b;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 55px #0000008c;padding:14px;width:min(760px,92%)}.frm-overlay-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.frm-overlay-text{color:#ffffffe6;font-weight:800}.frm-spinner{animation:frmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#ffffffe0;height:18px;width:18px}@keyframes frmspin{to{transform:rotate(1turn)}}.frm-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;height:220px;line-height:1.35;overflow:auto;padding:10px}.frm-step{margin:6px 0;white-space:pre-wrap}.frm-step.info{opacity:.88}.frm-step.err,.frm-step.ok{opacity:.98}.frm-step.cmd{opacity:.92}.frm-step.out{opacity:.8}.wacm-backdrop{align-items:center;background:#0a0c128c;display:flex;inset:0;justify-content:center;padding:14px;position:fixed;z-index:9999}.wacm-card{background:#0f1422;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 20px 50px #00000073;max-height:90vh;overflow:auto;position:relative;width:min(980px,100%)}.wacm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:16px 16px 10px}.wacm-title{color:#fff;font-size:18px;font-weight:700}.wacm-sub{color:#ffffffb8;font-size:13px;margin-top:4px}.wacm-close{background:#0000;border:0;border-radius:10px;color:#ffffffd9;cursor:pointer;font-size:20px;padding:6px 10px}.wacm-close:hover{background:#ffffff14}.wacm-alert{background:#ff50501f;border:1px solid #ff505040;border-radius:12px}.wacm-alert,.wacm-success{color:#ffffffeb;font-size:13px;margin:12px 16px 0;padding:10px 12px}.wacm-success{background:#32dc781a;border:1px solid #32dc7838;border-radius:12px}.wacm-body{grid-gap:14px;display:grid;gap:14px;padding:16px}.wacm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:860px){.wacm-grid{grid-template-columns:1fr}}.wacm-field label{color:#ffffffb3;display:block;font-size:12px;margin-bottom:6px}.wacm-field input,.wacm-field select{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;color:#fff;outline:none;padding:10px 12px;width:100%}.wacm-hint{color:#ffffff9e;font-size:12px;margin-top:6px}.wacm-preview{border:1px solid #ffffff1a;border-radius:14px;overflow:hidden}.wacm-preview-head{align-items:center;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.wacm-copy,.wacm-preview-head{background:#ffffff0f;color:#ffffffd9}.wacm-copy{border:1px solid #ffffff24;border-radius:10px;cursor:pointer;padding:6px 10px}.wacm-copy:hover{background:#ffffff1a}.wacm-pre{background:#0b0f1b;color:#ffffffe0;font-size:12px;line-height:1.35;margin:0;overflow:auto;padding:12px;white-space:pre}.wacm-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.wacm-btn{background:#2a6df5;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.wacm-btn:disabled{cursor:not-allowed;opacity:.55}.wacm-btn.ghost{background:#ffffff14}.wacm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;border-radius:18px;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:50}.wacm-overlay-card{background:#0b0f1b;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 18px 55px #0000008c;padding:14px;width:min(760px,92%)}.wacm-overlay-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.wacm-overlay-text{color:#ffffffe6;font-weight:700}.wacm-spinner{animation:wacmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#ffffffe0;height:18px;width:18px}@keyframes wacmspin{to{transform:rotate(1turn)}}.wacm-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;height:220px;line-height:1.35;overflow:auto;padding:10px}.wacm-step{margin:6px 0;white-space:pre-wrap}.wacm-step.info{opacity:.88}.wacm-step.err,.wacm-step.ok{opacity:.98}.wacm-step.cmd{opacity:.92}.wacm-step.out{opacity:.8}.opm-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c1294;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.opm-card{background:#0f1728;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 70px #00000073;color:#fff;max-height:92vh;overflow:auto;width:min(980px,100%)}.opm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:18px}.opm-title{font-size:22px;font-weight:800}.opm-sub{color:#ffffffb3;font-size:13px;margin-top:4px}.opm-close{background:#0000;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;padding:8px 12px}.opm-close:hover{background:#ffffff14}.opm-body{grid-gap:16px;display:grid;gap:16px;padding:18px}.opm-alert{background:#ff50501f;border:1px solid #ff505038;border-radius:16px;color:#fff;font-size:15px;line-height:1.45;padding:14px 16px}.opm-loading{align-items:center;display:flex;gap:10px;padding:12px 0}.opm-spinner{animation:opmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#fff;height:18px;width:18px}@keyframes opmspin{to{transform:rotate(1turn)}}.opm-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.opm-kv{background:#0b1220;border:1px solid #ffffff0f;border-radius:16px;padding:12px}.opm-kv span{color:#ffffff9e;display:block;font-size:12px;margin-bottom:4px}.opm-kv b{font-size:15px}.opm-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.opm-metric{grid-gap:8px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;display:grid;gap:8px;padding:14px}.opm-metric span{color:#ffffffa6;font-size:12px}.opm-metric b{font-size:26px;line-height:1}.opm-metric i{font-style:normal;text-transform:uppercase}.opm-badge,.opm-metric i{font-size:12px;font-weight:800}.opm-badge{align-items:center;background:#ffffff14;border-radius:999px;display:inline-flex;justify-content:center;padding:4px 8px}.opm-badge.good{background:#34d39929;color:#86efac}.opm-badge.warn{background:#facc1529;color:#fde68a}.opm-badge.bad{background:#f8717129;color:#fca5a5}@media (max-width:900px){.opm-metrics,.opm-summary{grid-template-columns:1fr}}.osm-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c1294;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.osm-card{background:#0f1728;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 70px #00000073;color:#fff;max-height:92vh;overflow:auto;width:min(900px,100%)}.osm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:18px}.osm-title{font-size:22px;font-weight:800}.osm-sub{color:#ffffffb3;font-size:13px;margin-top:4px}.osm-close{background:#0000;border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;padding:8px 12px}.osm-close:hover{background:#ffffff14}.osm-body{grid-gap:16px;display:grid;gap:16px;padding:18px}.osm-alert{background:#ff50501f;border:1px solid #ff505038;border-radius:16px;color:#fff;font-size:15px;padding:14px 16px}.osm-loading{align-items:center;display:flex;gap:10px}.osm-spinner{animation:osmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#fff;height:18px;width:18px}@keyframes osmspin{to{transform:rotate(1turn)}}.osm-status-wrap{display:flex;justify-content:center}.osm-status-pill{border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.08em;padding:10px 18px}.osm-status-pill.online{background:#22c55e29;border:1px solid #22c55e3d;color:#86efac}.osm-status-pill.offline{background:#ef444429;border:1px solid #ef44443d;color:#fca5a5}.osm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.osm-kv{background:#0b1220;border:1px solid #ffffff0f;border-radius:16px;padding:12px}.osm-kv span{color:#ffffff9e;display:block;font-size:12px;margin-bottom:4px}.osm-kv b{font-size:15px}.osm-console{background:#0b0f1b;border:1px solid #ffffff14;border-radius:16px;overflow:auto}.osm-console-title{border-bottom:1px solid #ffffff14;color:#ffffffd9;font-size:13px;font-weight:800;padding:10px 12px}.osm-console-block{border-bottom:1px solid #ffffff0f;padding:10px 12px}.osm-console-cmd{color:#93c5fd;margin-bottom:6px}.osm-console-cmd,.osm-console-out{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px}.osm-console-out{color:#ffffffd1;margin:0;white-space:pre-wrap}@media (max-width:900px){.osm-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.osm-grid{grid-template-columns:1fr}}:root{--bg0:#f2f2f7;--bg1:#ffffffc7;--cardSolid:#fff;--stroke:#3c3c432e;--stroke2:#3c3c431a;--text:#111827;--subtext:#1118279e;--muted:#11182773;--blue:#0a84ff;--green:#34c759;--red:#ff3b30;--amber:#ff9f0a;--shadow:0 10px 30px #00000014;--shadow2:0 16px 50px #0000001a;--r-lg:22px;--r-md:18px;--r-sm:16px}.onus-page{background:radial-gradient(circle at top,#fff 0,#f7f7fb 40%,#f2f2f7 100%);background:radial-gradient(circle at top,#fff 0,#f7f7fb 40%,var(--bg0) 100%);color:#111827;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:24px 28px}.onus-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.onus-header h1{font-size:28px;font-weight:750;letter-spacing:-.02em;margin:0 0 4px}.onus-subtitle{color:#1118279e;color:var(--subtext);font-size:14px;margin:0}.onus-segment{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffc7;background:var(--bg1);border:1px solid #3c3c432e;border:1px solid var(--stroke);border-radius:999px;box-shadow:0 8px 20px #0000000f;display:flex;gap:8px;padding:6px}.seg-btn{background:#0000;border:none;border-radius:999px;color:#1118279e;color:var(--subtext);font-weight:650;padding:10px 14px;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.seg-btn:hover{transform:translateY(-1px)}.seg-btn.active{background:#0a84ff1f;border:1px solid #0a84ff38;box-shadow:0 10px 22px #0a84ff1f;color:#0b2a52}.onus-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.onus-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffb8;background:var(--card);border:1px solid #3c3c432e;border:1px solid var(--stroke);border-radius:18px;border-radius:var(--r-md);box-shadow:0 8px 22px #0000000f;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.onus-card label{color:#11182773;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.onus-card input,.onus-card select{background:#0000;border:none;color:#111827;color:var(--text);font-size:14px;min-width:110px;outline:none;padding:3px 0}.onus-card input:focus,.onus-card select:focus{outline:none}.onus-btn{background:linear-gradient(135deg,#38d46d,#22c55e);border:none;border-radius:999px;box-shadow:0 14px 34px #34c7593d;color:#fff;cursor:pointer;font-size:14px;font-weight:650;padding:10px 18px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.onus-btn:hover{box-shadow:0 18px 44px #34c7594d;filter:saturate(1.05);transform:translateY(-1px) scale(1.01)}.onus-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.onus-error{background:#ff3b301a;border:1px solid #ff3b3038;border-radius:16px;border-radius:var(--r-sm);color:#8b1d18;margin-top:14px;padding:12px 14px}.onus-grid-pon,.onus-results{margin-top:18px}.onus-grid-pon{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.onus-grid-pon{grid-template-columns:minmax(0,1fr)}}.onus-table-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffb8;background:var(--card);border:1px solid #3c3c432e;border:1px solid var(--stroke);border-radius:22px;border-radius:var(--r-lg);box-shadow:0 16px 50px #0000001a;box-shadow:var(--shadow2);padding:14px 16px 16px}.onus-table-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.onus-table-head h2{font-size:16px;font-weight:750;letter-spacing:-.01em;margin:0}.onus-chip{background:#0a84ff1f;border:1px solid #0a84ff38;border-radius:999px;color:#0b2a52;font-size:11px;padding:4px 10px}.onus-table-wrap{background:#ffffff8c;border:1px solid #3c3c431a;border:1px solid var(--stroke2);border-radius:16px;border-radius:var(--r-sm);max-height:430px;overflow:auto}.onus-table-wrap::-webkit-scrollbar{height:10px;width:10px}.onus-table-wrap::-webkit-scrollbar-thumb{background:#00000024;border-radius:999px}.onus-table-wrap::-webkit-scrollbar-track{background:#0000}.onus-table{font-size:12.75px}.onus-table thead{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffe6;position:-webkit-sticky;position:sticky;top:0;z-index:1}.onus-table td,.onus-table th,.onus-table thead{border-bottom:1px solid #3c3c431a;border-bottom:1px solid var(--stroke2)}.onus-table td,.onus-table th{padding:9px 10px;text-align:left;white-space:nowrap}.onus-table th{color:#11182773;color:var(--muted);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}.onus-table tbody tr:nth-child(2n){background:#00000005}.onus-table tbody tr:hover{background:#0a84ff14}.onus-empty{color:#11182773;color:var(--muted);font-size:13px;padding:16px 8px;text-align:center}@media (prefers-reduced-motion:reduce){.onus-btn,.seg-btn{transition:none}.onus-btn:hover,.seg-btn:hover{transform:none}}.onus-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.onus-loading-card{align-items:center;background:#111;border-radius:12px;box-shadow:0 10px 30px #00000059;color:#fff;display:flex;gap:12px;min-width:220px;padding:14px 16px}.onus-loading-text{font-size:14px;font-weight:600}.onus-spinner{animation:onusSpin .9s linear infinite;border:3px solid #ffffff40;border-radius:50%;border-top-color:#fffffff2;height:22px;width:22px}@keyframes onusSpin{to{transform:rotate(1turn)}}.olt-page{background:#f5f7fb;box-sizing:border-box;min-height:calc(100vh - 80px);padding:24px}.olt-card{background:#fff;border-radius:18px;box-shadow:0 12px 30px #0f172a14;margin-bottom:24px;padding:24px 28px}.olt-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.olt-card-header h2{color:#0f172a;font-size:22px;font-weight:700;margin:0}.olt-card-header p{color:#6b7280;font-size:14px;margin:4px 0 0}.olt-badge-button{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;box-shadow:0 8px 20px #38bdf866;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.olt-badge-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.olt-badge-button:not(:disabled):hover{box-shadow:0 10px 24px #38bdf880;transform:translateY(-1px)}.olt-grid{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.field{gap:6px}.field label{color:#4b5563;font-size:13px}.field input,.field textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:14px;padding:9px 11px;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.field textarea{resize:vertical}.field input:focus,.field textarea:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.olt-alert{border-radius:12px;font-size:14px;margin-top:4px;padding:10px 14px}.olt-alert.ok{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}.olt-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.olt-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.olt-actions{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.olt-actions-right{display:flex;gap:10px}.btn{font-size:14px;font-weight:600;padding:9px 18px;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}.btn.primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 8px 20px #2563eb59}.btn.outline{background:#fff;color:#0369a1}.btn.ghost{border:1px solid #0000;color:#6b7280}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn:not(:disabled):hover{box-shadow:0 10px 24px #0f172a26;transform:translateY(-1px)}.olt-table-card{background:#fff;border-radius:18px;box-shadow:0 10px 26px #0f172a14;padding:18px 24px 22px}.olt-table-header h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 12px}.olt-table{border-collapse:collapse;font-size:13px;width:100%}.olt-table thead{background:#f9fafb}.olt-table td,.olt-table th{border-bottom:1px solid #e5e7eb;padding:8px 10px;text-align:left}.olt-table th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.olt-table tbody tr:last-child td{border-bottom:none}.row-clickable:hover{background:#f1f5f9}.no-data{color:#9ca3af;padding:14px 0}.status-pill{align-items:center;display:inline-flex;font-size:11px;padding:3px 9px}.status-pill.online{background:#ecfdf5;color:#16a34a}.status-pill.offline{background:#fef2f2;color:#dc2626}.status-pill.unknown{background:#f3f4f6;color:#6b7280}.mensaje-cell{max-width:260px}@media (max-width:900px){.olt-grid{grid-template-columns:1fr}.olt-actions{align-items:flex-start;flex-direction:column;gap:10px}.olt-actions-right{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (max-width:760px){.olt-table-card{padding:14px 14px 16px}.olt-table-card .olt-table{border-collapse:initial;border-spacing:0 12px;width:100%}.olt-table thead{display:none}.olt-table tbody tr{background:#fff;border:1px solid #00000014;border-radius:18px;box-shadow:0 10px 26px #00000014;display:block;overflow:hidden;padding:6px 10px}.olt-table tbody td{border-bottom:1px solid #0000000f;display:block;min-height:42px;overflow-wrap:anywhere;padding:10px 10px 10px 128px;position:relative;text-align:left;white-space:normal}.olt-table tbody td:last-child{border-bottom:none}.olt-table tbody td:before{color:#64748b;content:"";font-size:12px;font-weight:800;left:10px;letter-spacing:.02em;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:112px}.olt-table tbody td:first-child:before{content:"Nombre"}.olt-table tbody td:nth-child(2):before{content:"IP"}.olt-table tbody td:nth-child(3):before{content:"Usuario"}.olt-table tbody td:nth-child(4):before{content:"Estado"}.olt-table tbody td:nth-child(5):before{content:"Ultima"}.olt-table tbody td:nth-child(6):before{content:"Detalle"}.mensaje-cell{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.status-pill{justify-content:center}}.page-container{padding:20px}.page-title{font-size:26px;font-weight:700}.page-subtitle{color:#6b7280;margin-top:-5px}.card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;margin-top:20px;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.btn-actualizar{background:#10b981;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px}.btn-actualizar:hover{background:#059669}.onus-table{border-collapse:collapse;width:100%}.onus-table th{background:#f3f4f6;color:#111827;font-size:14px;padding:10px;text-align:left}.onus-table td{border-bottom:1px solid #e5e7eb;padding:12px;vertical-align:middle}.empty{color:#6b7280;padding:20px}.loading-box{color:#6b7280;padding:30px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #94a3b880;border-radius:50%;border-top-color:#2563eb;height:28px;margin:0 auto 12px;width:28px}.badge-onu{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;line-height:1.2;padding:6px 10px;white-space:nowrap}.badge-nueva{background:#dbeafe;color:#1d4ed8}.badge-registrada{background:#fef3c7;color:#92400e}.acciones-onu{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.btn-autorizar{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:.2s}.btn-autorizar:hover{background:#1e40af}.btn-cambio-pon{background:#0ea5e9;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:.2s}.btn-cambio-pon:hover{background:#0369a1}.btn-delete{background:#ef4444;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:.2s}.btn-delete:hover{background:#dc2626}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-card-ios{animation:vp-pop .22s ease-out;background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 38px #0f172a40;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui;padding:24px 22px 14px;text-align:center;width:380px}.modal-card-ios h3{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 8px}.modal-card-ios p{color:#4b5563;margin:4px 0}.modal-ios-sn{color:#111827;margin-top:10px}.modal-buttons-ios{border-top:1px solid #e5e7eb;display:flex}.btn-ios-cancel,.btn-ios-danger{background:#0000;border:none;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:10px 0}.btn-ios-cancel{border-right:1px solid #e5e7eb}.vp-card{animation:vp-pop .23s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 22px 48px #0f172a40;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui;max-width:92vw;padding:24px 22px 18px;width:420px}.vp-title{font-size:20px;font-weight:700;margin:0 0 6px}.vp-subtitle{color:#4b5563;font-size:14px;margin:0 0 14px}.vp-detail-row{display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:6px}.vp-detail-label{color:#6b7280}.vp-detail-value{color:#111827;font-weight:600}.vp-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}.btn-vp-primary,.btn-vp-secondary{border:none;border-radius:999px;cursor:pointer;font-size:14px;padding:9px 18px}.btn-vp-secondary{background:#e5e7eb;color:#111827}.btn-vp-primary{background:#10b981;color:#fff}.btn-vp-primary:hover{background:#059669}@keyframes vp-pop{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:760px){.page-container{padding:16px 14px}.card{padding:16px}.onus-table{border-collapse:initial;border-spacing:0 12px;width:100%}.onus-table thead{display:none}.onus-table tbody tr{background:#fff;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #00000014;display:block;overflow:hidden;padding:6px 10px}.onus-table tbody td{border-bottom:1px solid #0000000f;display:block;min-height:42px;overflow-wrap:anywhere;padding:10px 10px 10px 122px;position:relative;text-align:left;white-space:normal}.onus-table tbody td:last-child{border-bottom:none}.onus-table tbody td:before{color:#64748b;content:"";font-size:12px;font-weight:800;left:10px;letter-spacing:.02em;position:absolute;top:50%;transform:translateY(-50%);width:104px}.onus-table tbody td:first-child:before{content:"F/S/P"}.onus-table tbody td:nth-child(2):before{content:"Modelo"}.onus-table tbody td:nth-child(3):before{content:"Serial"}.onus-table tbody td:nth-child(4):before{content:"MAC"}.onus-table tbody td:nth-child(5):before{content:"Detectada"}.onus-table tbody td:nth-child(6):before{content:"Estado local"}.onus-table tbody td:nth-child(7):before{content:"Acción"}.acciones-onu{flex-wrap:wrap;gap:8px;justify-content:flex-start}.btn-autorizar,.btn-cambio-pon{font-size:12px;font-weight:800;padding:10px 12px}.btn-delete{height:38px;width:38px}.btn-actualizar{padding:10px 14px}.onus-table tbody td:nth-child(7){padding:10px 10px 12px}.onus-table tbody td:nth-child(7):before{color:#334155;display:block;margin-bottom:8px;position:static;transform:none;width:auto}.acciones-onu{flex-wrap:wrap;gap:8px;justify-content:flex-start;white-space:normal}}.vp-card{line-height:1.25}.vp-section{background:#0f172a08;border:1px solid #0f172a0f;border-radius:18px;margin-top:14px;padding:14px}.vp-section-title{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.2px;margin-bottom:10px}.vp-grid{grid-gap:12px;display:grid;gap:12px}.vp-grid-2{grid-template-columns:1fr 1fr}.vp-item{min-width:0}.vp-item .vp-k{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.vp-item .vp-v{color:#0f172a;font-size:14px;font-weight:800;overflow-wrap:anywhere}.vp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;letter-spacing:.2px}.vp-client-line{align-items:baseline;border-bottom:1px dashed #0f172a1f;display:flex;gap:10px;margin-bottom:12px;padding-bottom:10px}.vp-client-name{color:#0f172a;font-size:15px;font-weight:900}.vp-client-id{background:#4755691a;border-radius:999px;color:#475569;font-size:12px;font-weight:900;padding:3px 8px}.vp-muted{color:#64748b;font-weight:700}.vp-chip{align-items:center;background:#10b9811a;border:1px solid #10b9812e;border-radius:999px;color:#065f46;display:inline-flex;font-weight:900;gap:6px;padding:6px 10px}.btn-vp-primary:disabled{cursor:not-allowed;opacity:.55}@media (max-width:520px){.vp-card{border-radius:24px;padding:20px 18px 16px}.vp-grid-2{grid-template-columns:1fr}.vp-section{border-radius:16px;padding:12px}.vp-client-line{flex-wrap:wrap;gap:8px}}.vp-input{background:#ffffffbf;border:1px solid #0f172a1f;border-radius:16px;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui;font-size:14px;font-weight:700;line-height:1.25;outline:none;padding:10px 12px;resize:vertical;width:100%}.vp-input::placeholder{color:#475569bf;font-weight:700}.vp-input:focus{border-color:#10b9818c;box-shadow:0 0 0 3px #10b98124}.modal-overlay{background:#02061773}.modal-card-ios{border:1px solid #0f172a1a;border-radius:28px;box-shadow:0 30px 70px #02061759,0 10px 22px #0206172e;max-width:92vw;overflow:hidden;padding:22px 22px 14px;position:relative;width:390px}.modal-card-ios:before{background:radial-gradient(circle at 30% 30%,#ef444433,#ef444400 60%);content:"";height:220px;left:-40px;pointer-events:none;position:absolute;top:-70px;width:220px}.modal-card-ios h3{letter-spacing:-.2px;margin-bottom:10px;padding-top:6px;position:relative}.modal-card-ios h3:before{content:"⚠️";display:inline-block;margin-right:8px;transform:translateY(1px)}.modal-card-ios p{color:#475569;font-size:14px;line-height:1.35}.modal-ios-sn{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:999px;color:#7f1d1d;display:inline-flex;font-size:13px;font-weight:800;gap:8px;margin-top:12px;padding:8px 12px}.modal-buttons-ios{border-top:1px solid #0f172a1a;gap:0;margin-top:18px}.btn-ios-cancel{color:#2563eb;font-weight:800;transition:.2s}.btn-ios-cancel:hover{background:#2563eb0f}.btn-ios-danger{color:#dc2626;font-weight:900;position:relative;transition:.2s}.btn-ios-danger:hover{background:#dc262612}.btn-ios-danger:disabled{cursor:not-allowed;opacity:.55}.btn-ios-cancel{border-right:1px solid #0f172a1a}@keyframes ios-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-card-ios{animation:ios-pop .22s ease-out}.modal-onu-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.modal-onu{-webkit-overflow-scrolling:touch;animation:modalShow .25s ease;background:#fff;border-radius:28px;box-shadow:0 15px 45px #00000040;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto;max-height:calc(100dvh - 32px);overflow:auto;padding:28px;width:min(500px,100%)}@keyframes modalShow{0%{opacity:0;transform:translateY(20px) scale(.97)}}.modal-onu h2{color:#0f172a;font-size:24px;font-weight:700;margin-bottom:22px;text-align:center}.onu-details{background:#f8fafc;border-radius:18px;color:#1e293b;font-size:15px;line-height:1.6;margin-bottom:18px;padding:18px}.onu-details strong{color:#0f172a}.modal-section-title{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:6px;margin-top:12px}.modal-onu input{background:#f9fafb;border:1px solid #d7dce3;border-radius:14px;font-size:16px;padding:14px;transition:all .2s ease;width:100%}.modal-onu input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;outline:none}.cliente-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:16px;color:#065f46;margin-top:16px;padding:16px}.cliente-card strong{color:#064e3b}.modal-buttons{gap:14px;margin-top:24px}.btn-ios{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:17px;font-weight:600;padding:14px;transition:.25s}.btn-ios:disabled{cursor:not-allowed;opacity:.65}.btn-ios.cancelar{background:#f1f5f9;color:#475569}.btn-ios.cancelar:hover{background:#e2e8f0}.btn-ios.autorizar{background:#10b981;color:#fff}.btn-ios.autorizar:hover{background:#059669}.error-msg{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;font-size:14px;margin-top:14px;padding:12px}.buscador-row{display:flex;gap:10px;margin:12px 0 8px;width:100%}.buscador-input{background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;flex:1 1;font-size:15px;outline:none;padding:12px 14px;transition:.2s}.buscador-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.btn-buscar{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:.2s;white-space:nowrap}.btn-buscar:hover{background:#1e40af}.btn-buscar:disabled{cursor:not-allowed;opacity:.65}.modal-duplicada-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.modal-duplicada{-webkit-overflow-scrolling:touch;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border-radius:22px;box-shadow:0 18px 40px #0f172a59;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto;max-height:calc(100dvh - 32px);max-width:90vw;overflow:auto;padding:22px 20px 18px;width:min(420px,100%)}.modal-duplicada h3{color:#0f172a;font-size:20px;font-weight:700;margin:0 0 10px}.modal-duplicada p{color:#1f2933;font-size:14px;margin:4px 0}.duplicada-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;font-size:13px;margin-top:10px;padding:10px 12px}.duplicada-warning{color:#b91c1c;font-size:13px;margin-top:14px}.duplicada-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.duplicada-buttons button{background:#e5e7eb;border:none;border-radius:12px;color:#111827;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;transition:.2s}.duplicada-buttons button:hover{background:#d1d5db}.duplicada-buttons .btn-cerrar{background:#f97373;color:#fff}.duplicada-buttons .btn-cerrar:hover{background:#ef4444}.autorizar-overlay-title{color:#ffffffeb;font-weight:800}.autorizar-spinner{animation:autorizarSpin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#ffffffe0;height:18px;width:18px}@keyframes autorizarSpin{to{transform:rotate(1turn)}}.autorizar-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;height:260px;line-height:1.35;overflow:auto;padding:10px}.autorizar-step{margin:6px 0;white-space:pre-wrap}.autorizar-step.info{opacity:.88}.autorizar-step.err,.autorizar-step.ok{opacity:.98}.autorizar-step.cmd{opacity:.92}.autorizar-step.out{opacity:.8}@media (max-width:600px){.modal-onu h2{font-size:20px;margin-bottom:16px}.onu-details{border-radius:16px;font-size:14px;padding:14px}.modal-section-title{font-size:16px}}@media (max-width:520px){.buscador-row{flex-direction:column;gap:10px}.btn-buscar{font-size:15px;padding:12px 16px;width:100%}.buscador-input{font-size:16px}.modal-buttons{flex-direction:column-reverse;gap:10px}.btn-ios{font-size:16px;padding:14px 16px;width:100%}}@media (max-width:360px){.modal-duplicada-overlay,.modal-onu-overlay{padding:12px}.modal-onu{padding:18px 16px}.modal-duplicada,.modal-onu{border-radius:18px;max-height:calc(100dvh - 24px)}.modal-duplicada{padding:18px 16px 14px}}:root{--bg0:#f7f9fb;--bg1:#eef1f5;--card:#ffffffb8;--card2:#ffffff9e;--stroke:#0f172a14;--stroke2:#0f172a1f;--text:#0b1220;--muted:#64748b;--ios-blue:#007aff;--ios-green:#34c759;--ios-red:#ff3b30;--r12:12px;--r14:14px;--r16:16px;--r18:18px;--r20:20px;--r22:22px;--shadow:0 12px 30px #0000001a;--shadow2:0 8px 18px #0000001a;--blur:16px}.clientes-page{-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#f7f9fb,#eef1f5);background:linear-gradient(180deg,var(--bg0) 0,var(--bg1) 100%);color:#0b1220;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;min-height:100vh;padding:26px 32px;text-rendering:optimizeLegibility}@supports (padding:env(safe-area-inset-top)){.clientes-page{padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}}.clientes-page h1{background:linear-gradient(90deg,#0b1220,#4b5563);-webkit-background-clip:text;color:#0000;font-size:32px;font-weight:900;margin-bottom:10px}.clientes-busqueda-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.clientes-busqueda input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffd9;border:1px solid #0f172a1f;border:1px solid var(--stroke2);border-radius:14px;border-radius:var(--r14);font-size:16px;padding:12px 14px;transition:.2s ease;width:280px}.clientes-busqueda input:focus{border-color:#007aff59;box-shadow:0 0 0 4px #007aff1f;outline:none}.btn-agregar{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:var(--r14);box-shadow:0 8px 18px #2563eb40;font-weight:900;padding:10px 18px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-agregar:active{transform:scale(.98)}button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.55;transform:none!important}.clientes-table{background:#fff9;border:1px solid #0f172a0f;border-collapse:collapse;border-radius:20px;border-radius:var(--r20);box-shadow:0 12px 30px #0000001a;box-shadow:var(--shadow);overflow:hidden;width:100%}.clientes-table,.clientes-table thead{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}.clientes-table thead{background:#ffffffbf}.clientes-table th{color:#475569;font-size:12px;font-weight:900;letter-spacing:.06em;padding:14px 16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.clientes-table td{border-bottom:1px solid #0f172a0f;color:#0b1220;color:var(--text);font-size:15px;padding:14px 16px;position:relative;vertical-align:middle}.clientes-table tbody tr:hover{background:rgba(15,23,42,.035)}@media (max-width:1100px){.clientes-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.clientes-table td,.clientes-table th{white-space:nowrap}.clientes-table td.cell-editing{white-space:normal}}.estado-activo{background:#34c75924;border:1px solid #34c7592e;border-radius:999px;color:#0d6b2f}.estado-activo,.estado-cortado{font-size:13px;font-weight:900;padding:6px 12px}.estado-cortado{background:#ff3b301f;border:1px solid #ff3b302e;border-radius:999px;color:#9b1c1c}.estado-cancelado{background:#ff730033;border:1px solid #ff730073;border-radius:999px;color:#d44a00;font-size:13px;font-weight:900;padding:6px 12px}.acciones{align-items:center;display:flex;gap:10px}.btn-pagar{background:linear-gradient(180deg,#34d399,#10b981);border:none;border-radius:12px;border-radius:var(--r12);box-shadow:0 5px 14px #10b98147;color:#fff;cursor:pointer;font-size:14px;font-weight:900;padding:9px 15px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-pagar:hover:not(:disabled){box-shadow:0 8px 18px #10b9815c;transform:translateY(-1px)}.btn-pagar:active{transform:scale(.98)}.icon-btn{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffb3;border:1px solid #0f172a14;border-radius:12px;border-radius:var(--r12);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s ease,transform .12s ease;width:36px}.icon-btn:hover{background:#ffffffe0}.icon-btn:active{transform:scale(.98)}.expand-btn{background:#dcecffb3;border:1px solid #a0c8ff8c;border-radius:12px;border-radius:var(--r12);cursor:pointer;height:36px;transition:background .15s ease,transform .12s ease;width:36px}.expand-btn:hover{background:#c8dcffe6}.expand-btn:active{transform:scale(.98)}.fila-extra td{background:#f5f7fa99}.extra-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffbf;border:1px solid #0f172a0f;border-radius:18px;border-radius:var(--r18);display:flex;flex-wrap:wrap;gap:18px;padding:16px 20px}.extra-content p{color:#334155;font-size:14px;margin:0}.clientes-table td.cell-editing{padding:0;position:relative}.cell-edit-input{background:#ffffffeb;border:1px solid #0f172a2e;border-radius:12px;border-radius:var(--r12);box-sizing:border-box;color:#0f172a;display:block;font-size:14px;font-weight:650;min-width:260px;outline:none;padding:12px;transition:box-shadow .18s ease,border-color .18s ease,background .18s ease,transform .12s ease;width:100%}.cell-edit-input:focus{background:#fff;border-color:#007aff8c;box-shadow:0 0 0 4px #007aff24;transform:translateY(-.5px)}.paginacion.pro.ios{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border:1px solid #0f172a14;border-radius:999px;box-shadow:0 10px 20px #00000014;justify-content:center;margin-top:22px;padding:6px}.paginacion.pro.ios,.paginacion.pro.ios .pg-pages{align-items:center;display:flex;gap:4px}.paginacion.pro.ios button{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:999px;color:#0b1220;cursor:pointer;display:flex;font-size:17px;font-weight:800;height:42px;justify-content:center;line-height:1;min-width:42px;padding:0 14px;transition:background .15s ease,transform .12s ease}.paginacion.pro.ios .pg-nav{font-size:28px;font-weight:500;line-height:1;padding:0 14px}.paginacion.pro.ios button:hover:not(:disabled){background:#0f172a0f}.paginacion.pro.ios button:active:not(:disabled){transform:scale(.97)}.paginacion.pro.ios .pg-page.active{background:#007aff2e;color:#007aff;color:var(--ios-blue)}.paginacion.pro.ios .pg-ellipsis{color:#64748b;font-size:18px;font-weight:800;padding:0 10px;-webkit-user-select:none;user-select:none}.paginacion.pro.ios button:disabled{background:#0000;cursor:default;opacity:.35}.modal-backdrop-clientes{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-clientes{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffc7;border:1px solid #0f172a0f;border-radius:22px;border-radius:var(--r22);box-shadow:0 20px 50px #0000002e;padding:26px;width:550px}.modal-clientes h2{font-size:22px;font-weight:900;margin-bottom:15px}.form-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.form-grid input,textarea{background:#ffffffbf;border:1px solid #0f172a14;border-radius:12px;border-radius:var(--r12);font-size:15px;outline:none;padding:12px;width:100%}.form-grid input:focus,textarea:focus{background:#ffffffeb;border-color:#007aff59;box-shadow:0 0 0 4px #007aff1f}textarea{height:70px;margin-top:10px;resize:none}.modal-buttons{gap:10px;justify-content:space-between;margin-top:18px}.btn-cancelar{background:#f0f0f0d9;border:1px solid #0f172a14;border-radius:var(--r12);font-weight:850;padding:10px 16px}.btn-guardar{background:linear-gradient(180deg,#34d399,#10b981);border-radius:var(--r12);font-weight:900;padding:10px 16px}.cortes-loading-overlay,.pago-loading-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cortes-loading-card,.pago-loading-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffe0;border:1px solid #0f172a14;border-radius:16px;border-radius:var(--r16);box-shadow:0 10px 30px #0003;min-width:260px;padding:18px 22px;text-align:center}.cortes-spinner,.spinner{animation:spin 1s linear infinite;border:4px solid #0f172a24;border-radius:50%;border-top-color:#2563eb;height:34px;margin:0 auto;width:34px}@keyframes spin{to{transform:rotate(1turn)}}.clientes-cards{display:none}@media (max-width:900px){.clientes-table{display:none}.clientes-busqueda-row{align-items:stretch;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffc7;border:1px solid #0f172a14;border:1px solid var(--stroke);border-radius:20px;border-radius:var(--r20);box-shadow:0 8px 18px #0000001a;box-shadow:var(--shadow2);flex-direction:column;gap:10px;padding:10px;position:-webkit-sticky;position:sticky;top:calc(10px + env(safe-area-inset-top));z-index:50}.clientes-busqueda input{width:100%}.btn-agregar{justify-content:center;width:100%}.clientes-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:10px}.clientes-empty{background:#ffffffb3;border:1px solid #0000000f;border-radius:16px;border-radius:var(--r16);padding:18px;text-align:center}.cliente-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffb8;border:1px solid #0000000f;border-radius:18px;border-radius:var(--r18);box-shadow:0 8px 18px #0000001a;box-shadow:var(--shadow2);overflow:hidden}.cliente-card-head{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:14px 14px 10px}.cliente-card-title{display:flex;flex-direction:column;gap:2px}.cliente-id{color:#0f172a;font-size:13px;font-weight:900;opacity:.8}.cliente-nombre{color:#111;font-size:16px;font-weight:900}.cli-expand{background:#ffffffb3;border:1px solid #00000014;border-radius:12px;border-radius:var(--r12);cursor:pointer;font-size:13px;font-weight:900;padding:8px 10px}.cliente-card-body{grid-gap:10px;display:grid;gap:10px;padding:12px 14px}.cli-field{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:110px 1fr}.cli-label{color:#475569;font-size:12px;font-weight:900;letter-spacing:.02em}.cli-value{color:#0f172a;font-size:14px;word-break:break-word}.cli-edit-btn,.cli-value{font-weight:750;text-align:left}.cli-edit-btn{background:#ffffffb8;border:1px solid #00000014;border-radius:12px;border-radius:var(--r12);cursor:pointer;padding:10px 12px}.cli-edit-btn:active{transform:scale(.99)}.cliente-card-actions{align-items:center;border-top:1px solid #0000000f;display:flex;gap:10px;padding:12px 14px 14px}.cliente-card-actions .btn-pagar{flex:1 1}.cliente-card-extra{grid-gap:10px;background:#f5f7fa8c;border-top:1px solid #0000000f;display:grid;gap:10px;padding:12px 14px 14px}.cli-editbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffffc7;border:1px solid #0000000f;border-radius:18px;border-radius:var(--r18);box-shadow:0 8px 18px #0000001a;box-shadow:var(--shadow2);margin-bottom:12px;padding:12px;position:-webkit-sticky;position:sticky;top:calc(10px + env(safe-area-inset-top));z-index:20}.cli-editbar-title{color:#334155;font-size:12px;font-weight:900;margin-bottom:8px}.cli-editbar-input{background:#fffffff2;border:1px solid #0000001a;border-radius:14px;border-radius:var(--r14);font-size:14px;font-weight:850;outline:none;padding:12px;width:100%}.cli-editbar-input:focus{border-color:#007aff59;box-shadow:0 0 0 4px #007aff1f}.cli-editbar-actions{display:flex;gap:10px;margin-top:10px}.cli-btn{border:none;border-radius:14px;border-radius:var(--r14);cursor:pointer;flex:1 1;font-weight:900;padding:12px}.cli-btn-ghost{background:#ffffffbf;border:1px solid #0000001a}.cli-btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.paginacion.pro.ios{flex-wrap:wrap;gap:6px}}.clientes-page .nav.nav-pills{background:#0000;box-shadow:none;display:inline-flex;gap:14px;margin:12px 0 20px;padding:0}.clientes-page .nav.nav-pills .nav-link{background:#fff;border:1.5px solid #c7d2fe;border-radius:14px;color:#2563eb;cursor:pointer;font-size:16px;font-weight:500;line-height:1;padding:12px 54px;transition:all .2s ease}.clientes-page .nav.nav-pills .nav-link:hover{background:#eef2ff}.clientes-page .nav.nav-pills .nav-link.active{background:#2563eb;border-color:#2563eb;box-shadow:0 6px 16px #2563eb40;color:#fff}@media (max-width:640px){.clientes-page .nav.nav-pills .nav-link{font-size:15px;padding:10px 24px}}.modal-backdrop-cliente{animation:fadeIn .2s ease-out;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-cliente{animation:scaleIn .25s ease-out;background:#fff;border-radius:26px;box-shadow:0 20px 45px #00000040;padding:30px 35px;width:820px}.modal-cliente h2{color:#111827;font-size:26px;font-weight:700;margin:0 0 20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.form-grid input,.form-grid select{background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:15px;padding:14px 16px;transition:.25s ease;width:100%}.form-grid input:focus,.form-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb38;outline:none}textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:15px;min-height:100px;padding:16px;resize:vertical;width:100%}textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb38;outline:none}.modal-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-cancelar{background:#e5e7eb;border-radius:12px;font-size:15px;padding:12px 20px;transition:.2s}.btn-cancelar:hover{background:#d1d5db}.btn-guardar{background:#10b981;border-radius:12px;font-size:15px;padding:12px 22px;transition:.2s}.btn-guardar:hover{background:#0d966a}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-backdrop-cliente{align-items:center;padding:16px}.modal-cliente{-webkit-overflow-scrolling:touch;border-radius:18px;max-height:calc(100dvh - 32px);overflow:auto;padding:22px 18px;width:min(820px,100%)}.modal-cliente h2{font-size:22px;margin-bottom:16px}.form-grid input,.form-grid select,textarea{font-size:16px}@media (max-width:900px){.modal-cliente{border-radius:20px;padding:24px 20px}.form-grid{gap:16px}}@media (max-width:600px){.form-grid{gap:14px;grid-template-columns:1fr;margin-bottom:16px}textarea{min-height:110px}.modal-buttons{align-items:stretch;flex-direction:column-reverse;gap:10px}.btn-cancelar,.btn-guardar{border-radius:14px;padding:14px 16px;width:100%}}@media (max-width:360px){.modal-backdrop-cliente{padding:12px}.modal-cliente{border-radius:16px;padding:18px 14px}.modal-cliente h2{font-size:20px}}.mp-overlay{background:#0000006b;z-index:999}.mp-modal{background:#fff;border-radius:18px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;max-height:90vh;overflow:hidden;width:520px}.mp-header{padding:18px 20px 10px}.mp-avatar{align-items:center;background:linear-gradient(135deg,#4c6fff,#6b8bff);border-radius:999px;color:#fff;display:flex;font-size:18px;font-weight:700;height:44px;justify-content:center;margin-right:12px;width:44px}.mp-header-info{display:flex;flex-direction:column;gap:3px}.mp-nombre{color:#111827;font-size:17px;font-weight:600}.mp-subinfo{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.mp-subinfo span:before{content:"• "}.mp-divider{background:#e5e7eb;height:1px}.mp-body{padding:14px 20px 8px}.mp-section{margin-bottom:12px}.mp-section-title{font-size:13px;font-weight:600;margin-bottom:6px}.mp-atrasados{color:#b91c1c}.mp-futuros{color:#2563eb}.mp-mes-grid{display:flex;flex-wrap:wrap;gap:8px}.mp-mes-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;outline:none;padding:5px 12px;transition:all .16s ease-out}.mp-mes-card:hover{background:#f3f4f6;transform:translateY(-.5px)}.mp-mes-atrasado{background:#fef2f2;border-color:#fecaca}.mp-mes-futuro{background:#eff6ff;border-color:#bfdbfe}.mp-mes-selected{background:#ecfdf3;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8099}.mp-mes-label{white-space:nowrap}.mp-check{color:#16a34a;font-size:13px}.mp-info-text{color:#6b7280;font-size:13px}.mp-error-text{color:#b91c1c;font-size:13px}.mp-section-pago{margin-top:10px}.mp-label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:4px}.mp-input,.mp-select{border:1px solid #d1d5db;border-radius:10px;font-size:14px;margin-top:3px;outline:none;padding:8px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.mp-input:focus,.mp-select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #818cf866}.mp-check-row{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-top:6px}.mp-footer{align-items:flex-start;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 20px 16px}.mp-total{display:flex;flex-direction:column;gap:4px}.mp-total-label{color:#6b7280;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.mp-total-line{color:#4b5563;display:flex;font-size:12px;justify-content:space-between;padding:1px 0;width:160px}.mp-total-line span:last-child{font-weight:500}.mp-total-amount{color:#111827;font-size:18px;font-weight:700;margin-top:6px}.mp-footer-actions{display:flex;gap:8px}.mp-btn{border:none;border-radius:999px;cursor:pointer;font-size:14px;padding:7px 16px;transition:background .15s ease,transform .1s ease,box-shadow .15s ease,opacity .1s ease}.mp-btn-secondary{background:#e5e7eb;color:#111827}.mp-btn-secondary:hover{background:#d1d5db}.mp-btn-primary{background:#22c55e;box-shadow:0 5px 12px #22c55e59;color:#fff}.mp-btn-primary:hover{background:#16a34a;box-shadow:0 7px 18px #16a34a66;transform:translateY(-.5px)}.mp-btn-primary:disabled{box-shadow:none;cursor:default;opacity:.6}.mp-overlay{padding:16px}.mp-modal{border-radius:16px;max-height:calc(100dvh - 32px);width:min(520px,100%)}.mp-body{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:720px){.mp-header{padding:16px 16px 10px}.mp-body{padding:12px 16px 8px}.mp-footer{padding:12px 16px 14px}.mp-total-line{max-width:240px;width:100%}}@media (max-width:520px){.mp-overlay{padding:12px}.mp-modal{border-radius:14px;max-height:calc(100dvh - 24px)}.mp-avatar{height:40px;width:40px}.mp-avatar,.mp-nombre{font-size:16px}.mp-subinfo{font-size:11px;gap:6px}.mp-mes-grid{gap:10px}.mp-mes-card{font-size:12px;padding:8px 12px}.mp-input,.mp-select{font-size:16px;padding:10px 12px}.mp-footer{align-items:stretch;flex-direction:column;gap:12px}.mp-total{width:100%}.mp-total-line{max-width:none;width:100%}.mp-footer-actions{flex-direction:column-reverse;gap:10px;width:100%}.mp-btn{font-size:15px;padding:12px 16px;width:100%}}@media (max-width:360px){.mp-header{padding:14px 14px 8px}.mp-body{padding:10px 14px 6px}.mp-footer{padding:10px 14px 12px}}.mp-working-overlay{align-items:center;background:#ffffffbf;border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.mp-working-card{align-items:center;background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:10px;padding:16px 18px}.mp-working-spinner{animation:mpSpin .8s linear infinite;border:3px solid #cbd5e1;border-radius:50%;border-top-color:#2563eb;height:22px;width:22px}.mp-btn-loading{align-items:center;display:flex;gap:10px;justify-content:center}.mp-spinner{animation:mpSpin .8s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes mpSpin{to{transform:rotate(1turn)}}.mp-wait-hint{font-size:12px;margin-top:8px;opacity:.75}.mp-disabled{opacity:.6;pointer-events:none}.mp-overlay{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#00000085;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}@keyframes iosFade{0%{opacity:.1;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mp-card{animation:iosFade .25s ease;background:#ffffffd1;border:1px solid #fff6;border-radius:22px;box-shadow:0 30px 60px #00000040;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text;max-width:95vw;padding:30px;width:900px}.mp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.mp-header h2{color:#0b0c0e;font-size:28px;font-weight:700}.mp-close{background:none;border:none;color:#111;cursor:pointer;font-size:26px;transition:.2s}.mp-close:hover{opacity:.55}.mp-year-select{color:#0b0c0e;font-size:22px;font-weight:600;gap:28px;margin-bottom:34px}.mp-year-select,.mp-year-select button{align-items:center;display:flex;justify-content:center}.mp-year-select button{background:#f2f2f2;border:none;border-radius:10px;cursor:pointer;font-size:18px;height:38px;transition:.25s;width:38px}.mp-year-select button:hover{background:#e5e5e5;transform:scale(1.08)}.mp-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);padding:0 5px;width:100%}.mp-grid,.mp-mes{align-items:center}.mp-mes{border-radius:14px;display:flex;flex-direction:column;font-size:14px;font-weight:600;height:75px;justify-content:center;padding:6px 0;text-align:center;transition:.25s}.mp-mes.nopago{background:#f5f5f5e0;border:1px solid #0000000d;color:#1a1c1e}.mp-mes.nopago:hover{background:#e9e9e9;transform:translateY(-3px)}.mp-mes.pagado{background:#34c759;border:1px solid #28a943;color:#fff}.mp-mes.pagado:hover{filter:brightness(1.08);transform:translateY(-3px)}.mp-status{font-size:18px;margin-top:4px}@media (max-width:720px){.mp-grid{-webkit-overflow-scrolling:touch;gap:10px;grid-template-columns:repeat(12,minmax(70px,1fr));overflow-x:auto;overflow-y:hidden;padding:0 2px;scroll-snap-type:x mandatory;white-space:nowrap}.mp-mes{font-size:13px;height:68px;min-width:70px;scroll-snap-align:start}}.ticket-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;display:grid;inset:0;padding:14px;place-items:center;position:fixed;z-index:9999}.ticket-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #00000014;border-radius:22px;box-shadow:0 22px 60px #00000038;overflow:hidden;width:min(520px,96vw)}.ticket-head{border-bottom:1px solid #00000014;justify-content:space-between;padding:14px 16px}.ticket-head,.ticket-title{align-items:center;display:flex}.ticket-title{gap:10px}.ticket-title h3{color:#0f172a;font-size:15px;font-weight:900;margin:0}.ticket-badge{background:#3b82f624;border:1px solid #3b82f633;border-radius:999px;color:#1e40aff2;font-size:11px;font-weight:900;letter-spacing:.08em;padding:6px 10px}.ticket-close{background:#ffffffd9;border:1px solid #0000001a;border-radius:14px;cursor:pointer;font-weight:900;height:38px;width:38px}.ticket-close:hover{background:#fff}.ticket-paper{display:grid;padding:14px 16px;place-items:center}.ticket-text{background:#fff;border:1px solid #0000001a;border-radius:14px;box-shadow:0 10px 28px #0000001a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.25;max-height:min(62vh,540px);max-width:100%;overflow:auto;padding:14px 12px;white-space:pre-wrap;width:72mm;word-break:break-word}.ticket-actions{border-top:1px solid #00000014;display:flex;gap:10px;padding:12px 16px 16px}.ticket-btn{border:1px solid #0000001a;border-radius:14px;cursor:pointer;flex:1 1;font-weight:900;padding:12px}.ticket-btn.ghost{background:#ffffffbf}.ticket-btn.ghost:hover{background:#fffffff2}.ticket-btn.primary{background:linear-gradient(180deg,#3b82f6,#2563eb);border-color:#2563eb59;color:#fff}.ticket-btn.primary:hover{filter:brightness(1.03)}@media (max-width:520px){.ticket-actions{flex-direction:column}.ticket-btn{width:100%}}.cpm-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c1294;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.cpm-card{background:#0f1728;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 24px 70px #00000073;color:#fff;max-height:92vh;overflow:auto;position:relative;width:min(980px,100%)}.cpm-head{border-bottom:1px solid #ffffff14;display:flex;gap:12px;justify-content:space-between;padding:18px 18px 12px}.cpm-title{color:#fff;font-size:22px;font-weight:800}.cpm-sub{color:#ffffffb3;font-size:13px;margin-top:4px}.cpm-close{background:#0000;border:0;border-radius:12px;color:#ffffffe6;cursor:pointer;font-size:20px;padding:8px 12px}.cpm-close:hover{background:#ffffff14}.cpm-body{grid-gap:16px;display:grid;gap:16px;padding:18px}.cpm-section{grid-gap:10px;display:grid;gap:10px}.cpm-label{color:#ffffffd1;font-size:13px;font-weight:700}.cpm-plan-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.cpm-plan-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;color:#fff;cursor:pointer;padding:14px;text-align:left;transition:.18s ease}.cpm-plan-item:hover{background:#ffffff0f;transform:translateY(-1px)}.cpm-plan-item.active{background:#3b82f61f;border-color:#4299e1b3;box-shadow:inset 0 0 0 1px #3b82f640}.cpm-plan-name{font-size:16px;font-weight:800}.cpm-plan-meta{color:#ffffffbf;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-top:8px}.cpm-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:14px}.cpm-preview-title{color:#fffc;font-size:13px;font-weight:800;margin-bottom:10px}.cpm-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.cpm-kv{background:#0b1220;border:1px solid #ffffff0f;border-radius:14px;padding:12px}.cpm-kv span{color:#ffffff9e;display:block;font-size:12px;margin-bottom:4px}.cpm-kv b{color:#fff;font-size:15px}.cpm-result-wrap{background:hsla(0,0%,100%,.035);border:1px solid #ffffff14;border-radius:20px;padding:14px}.cpm-result-head{color:#ffffffe0;font-size:14px;font-weight:800;margin-bottom:12px}.cpm-result-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cpm-result-card{background:#0b1220;border:1px solid #ffffff12;border-radius:18px;padding:14px}.cpm-result-card.success{border-color:#34d3993d;box-shadow:inset 0 0 0 1px #34d39914}.cpm-result-title{color:#ffffffd1;font-size:13px;font-weight:800;margin-bottom:10px}.cpm-stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cpm-stat{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:10px}.cpm-stat.wide{grid-column:1/-1}.cpm-stat span{color:#fff9;display:block;font-size:11px;margin-bottom:4px}.cpm-stat b{color:#fff;font-size:14px;word-break:break-word}.cpm-delta-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.cpm-delta{background:#3b82f614;border:1px solid #3b82f62e;border-radius:14px;padding:10px 12px}.cpm-delta.wide{grid-column:1/-1}.cpm-delta span{color:#ffffff9e;display:block;font-size:11px;margin-bottom:4px}.cpm-delta b{color:#fff;font-size:14px;word-break:break-word}.cpm-alert{background:#ff50501f;border:1px solid #ff50503d;border-radius:14px}.cpm-alert,.cpm-success{color:#fff;font-size:13px;padding:10px 12px}.cpm-success{background:#32dc781f;border:1px solid #32dc7838;border-radius:14px}.cpm-foot{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px 18px}.cpm-btn{background:#2563eb;border:0;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;padding:11px 16px}.cpm-btn:disabled{cursor:not-allowed;opacity:.55}.cpm-btn.ghost{background:#ffffff14}.cpm-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;border-radius:24px;display:flex;inset:0;justify-content:center;padding:16px;position:absolute;z-index:30}.cpm-overlay-card{background:#0b0f1b;border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 18px 55px #0000008c;padding:14px;width:min(760px,92%)}.cpm-overlay-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.cpm-overlay-text{color:#ffffffeb;font-weight:800}.cpm-spinner{animation:cpmspin .8s linear infinite;border:2px solid #ffffff2e;border-radius:999px;border-top-color:#ffffffe0;height:18px;width:18px}@keyframes cpmspin{to{transform:rotate(1turn)}}.cpm-steps{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;color:#ffffffe6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:12px;height:240px;line-height:1.35;overflow:auto;padding:10px}.cpm-step{margin:6px 0;white-space:pre-wrap}.cpm-step.info{opacity:.88}.cpm-step.ok{color:#9ae6b4}.cpm-step.err{color:#fca5a5}.cpm-step.cmd{color:#93c5fd}.cpm-step.out{opacity:.82}@media (max-width:900px){.cpm-delta-grid,.cpm-plan-list,.cpm-preview-grid,.cpm-result-grid{grid-template-columns:1fr}}@media (max-width:560px){.cpm-card,.cpm-overlay{border-radius:18px}.cpm-title{font-size:19px}.cpm-foot{flex-direction:column}.cpm-btn{width:100%}}:root{color-scheme:light}.ios-sheet-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.ios-sheet{-webkit-overflow-scrolling:touch;background:#ffffffeb;border-radius:22px;box-shadow:0 18px 60px #0000004d;max-height:calc(100dvh - 32px);overflow-y:auto;padding:10px 14px 16px;width:min(520px,100%)}.ios-sheet-handle{background:#00000026;border-radius:99px;height:5px;margin:4px auto 10px;width:44px}.ios-sheet-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:4px 2px 10px}.ios-sheet-title{font-size:18px;font-weight:750;letter-spacing:.2px}.ios-sheet-sub{font-size:13px;margin-top:2px;opacity:.72}.ios-sheet-close{background:#0000000f;border:0;border-radius:12px;font-size:16px;height:34px;width:34px}.ios-sheet-card{background:#ffffffd9;border:1px solid #0000000f;border-radius:18px;padding:12px}.ios-row{display:flex;flex-direction:column;gap:8px;padding:10px 2px}.ios-row label{font-size:13px;font-weight:600;opacity:.75}.ios-inputwrap{align-items:center;background:#ffffffe6;border:1px solid #00000014;border-radius:14px;display:flex;gap:8px;padding:10px 12px}.ios-prefix{font-weight:700;opacity:.65}.ios-inputwrap input{background:#0000;border:0;font-size:16px;outline:none;width:100%}.ios-date,.ios-text{background:#ffffffe6;border:1px solid #00000014;border-radius:14px;font-size:16px;outline:none;padding:10px 12px}.ios-seg{display:flex;flex-wrap:wrap;gap:8px}.ios-seg-btn{background:#fffc;border:1px solid #00000014;border-radius:14px;font-size:14px;font-weight:650;opacity:.9;padding:10px 12px}.ios-seg-btn.active{background:#007aff1f;border-color:#007aff59}.ios-error{background:#ff3b301f;border:1px solid #ff3b3038;border-radius:14px;color:#780000e6;font-size:13px;margin-top:8px;padding:10px 12px}.ios-sheet-actions{display:flex;gap:10px;margin-top:12px}.ios-btn{background:#ffffffd9;border:1px solid #00000014;border-radius:16px;flex:1 1;font-size:15px;font-weight:750;padding:12px 14px}.ios-btn.primary{background:#007affeb;border-color:#007affeb;color:#fff}.ios-btn.ghost{background:#ffffffd9}.ios-btn:disabled,.ios-seg-btn:disabled,.ios-sheet-close:disabled{opacity:.6}.mao-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.mao-modal{background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000040;padding:22px 24px;width:min(440px,92vw)}.mao-modal h3{margin:0 0 4px}.mao-cliente{color:#555;font-size:14px;margin:0 0 14px}.mao-cargando{color:#555;padding:18px 0}.mao-diag{display:flex;flex-direction:column;gap:8px}.mao-linea{font-size:15px}.mao-linea.ok strong{color:#16a34a}.mao-linea.warn strong{color:#d97706}.mao-mensaje{background:#f4f6f8;border-radius:8px;padding:10px 12px}.mao-error,.mao-mensaje{font-size:14px;margin:10px 0 0}.mao-error{color:#dc2626}.mao-exito{margin:10px 0 0}.mao-botones{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.mao-activar{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px}.mao-activar:disabled{cursor:default;opacity:.6}.mao-cerrar{background:#e5e7eb;border:none;border-radius:8px;color:#333;cursor:pointer;padding:9px 18px}.mao-raw{font-size:12px;margin-top:10px}.mao-raw summary{color:#555;cursor:pointer}.mao-raw pre{background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-size:11px;max-height:240px;overflow-x:auto;overflow-y:auto;padding:10px;white-space:pre-wrap}.mao-desactivar{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:9px 18px}.mao-desactivar:disabled{cursor:default;opacity:.6}.mao-proceso{align-items:center;display:flex;flex-direction:column;gap:16px;padding:18px 0 6px}.mao-spinner{animation:mao-girar .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2876a9;height:46px;width:46px}@keyframes mao-girar{to{transform:rotate(1turn)}}.mao-pasos{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;max-width:300px;padding:0;width:100%}.mao-paso{align-items:center;display:flex;font-size:14px;gap:10px;transition:color .3s,opacity .3s}.mao-paso-ic{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 18px;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.mao-paso.pend{color:#9ca3af;opacity:.7}.mao-paso.pend .mao-paso-ic{border:2px solid #d1d5db}.mao-paso.actual{color:#1f2937;font-weight:600}.mao-paso.actual .mao-paso-ic{animation:mao-pulso 1s ease-in-out infinite;border:2px solid #2876a9}@keyframes mao-pulso{0%,to{box-shadow:0 0 0 0 #2876a980}50%{box-shadow:0 0 0 5px #2876a900}}.mao-paso.hecho{color:#16a34a}.mao-paso.hecho .mao-paso-ic{background:#16a34a;color:#fff}.mao-exito{color:#16a34a;font-size:15px;font-weight:600;margin:12px 0 0}.mao-liberar{background:#7f1d1d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:9px 14px}.mao-liberar:hover{background:#991b1b}.mao-liberar:disabled{cursor:default;opacity:.6}.mao-confirm{animation:mao-conf-entrar .25s ease-out;border-radius:12px;margin-top:12px;padding:14px 16px;text-align:left}@keyframes mao-conf-entrar{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mao-confirm.rojo{background:#fef2f2;border:1.5px solid #fecaca}.mao-confirm.ambar{background:#fffbeb;border:1.5px solid #fde68a}.mao-confirm h4{font-size:15px;margin:0 0 8px}.mao-confirm.rojo h4{color:#991b1b}.mao-confirm.ambar h4{color:#92400e}.mao-confirm ul{display:flex;flex-direction:column;gap:4px;padding-left:18px}.mao-confirm p,.mao-confirm ul{color:#374151;font-size:14px;margin:0}.mao-confirm-aviso{font-size:13px!important;font-weight:700;margin-top:8px!important}.mao-confirm.rojo .mao-confirm-aviso{color:#b91c1c}.mao-confirm.ambar .mao-confirm-aviso{color:#b45309}.pp-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.pp-modal{background:#fff;border-radius:16px;box-shadow:0 16px 50px #00000059;padding:26px 28px;text-align:center;width:min(420px,92vw)}.pp-titulo{margin:0 0 14px}.pp-proceso{align-items:center;display:flex;flex-direction:column;gap:16px;padding:10px 0 4px}.pp-spinner{animation:pp-girar .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#16a34a;height:46px;width:46px}@keyframes pp-girar{to{transform:rotate(1turn)}}.pp-pasos{display:flex;flex-direction:column;gap:9px;list-style:none;margin:0;max-width:300px;padding:0;text-align:left;width:100%}.pp-paso{align-items:center;display:flex;font-size:14px;gap:10px;transition:color .3s,opacity .3s}.pp-paso-ic{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 18px;font-size:11px;font-weight:700;height:18px;justify-content:center;width:18px}.pp-paso.pend{color:#9ca3af;opacity:.7}.pp-paso.pend .pp-paso-ic{border:2px solid #d1d5db}.pp-paso.actual{color:#1f2937;font-weight:600}.pp-paso.actual .pp-paso-ic{animation:pp-pulso 1s ease-in-out infinite;border:2px solid #16a34a}@keyframes pp-pulso{0%,to{box-shadow:0 0 0 0 #16a34a80}50%{box-shadow:0 0 0 5px #16a34a00}}.pp-paso.hecho{color:#16a34a}.pp-paso.hecho .pp-paso-ic{background:#16a34a;color:#fff}.pp-resultado{align-items:center;display:flex;flex-direction:column;gap:6px;padding:6px 0 4px}.pp-icono{animation:pp-aparecer .45s ease-out;font-size:54px}@keyframes pp-aparecer{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.pp-res-titulo{font-size:22px;letter-spacing:.5px;margin:2px 0 0}.pp-resultado.ok .pp-res-titulo{color:#16a34a}.pp-resultado.warn .pp-res-titulo{color:#d97706}.pp-res-sub{color:#1f2937;font-weight:600;margin:4px 0 0}.pp-res-msg{color:#4b5563;font-size:14px;margin:6px 0 0}.pp-botones{margin-top:18px}.pp-boton{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:11px 30px}.pp-boton.ok{background:#16a34a}.pp-boton.warn{background:#d97706}.pp-lineas{display:flex;flex-direction:column;font-size:15px;gap:7px;margin-top:10px;text-align:left}.pp-linea.ok strong{color:#16a34a}.pp-linea.warn strong{color:#d97706}.modal-backdrop-cliente-wifi{animation:fadeInWifi .2s ease-out;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-cliente-wifi{animation:scaleInWifi .25s ease-out;background:#fff;border-radius:26px;box-shadow:0 20px 45px #00000040;padding:30px 35px;width:820px}.modal-cliente-wifi h2{color:#111827;font-size:26px;font-weight:700;margin:0 0 20px}.form-grid-wifi{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.form-grid-wifi input,.form-grid-wifi select{background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:15px;padding:14px 16px;transition:.25s ease;width:100%}.form-grid-wifi input:focus,.form-grid-wifi select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb38;outline:none}.modal-cliente-wifi textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:15px;min-height:100px;padding:16px;resize:vertical;width:100%}.modal-cliente-wifi textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb38;outline:none}.modal-buttons-wifi{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.btn-cancelar-wifi{background:#e5e7eb;border:none;border-radius:12px;cursor:pointer;font-size:15px;padding:12px 20px;transition:.2s}.btn-cancelar-wifi:hover{background:#d1d5db}.btn-guardar-wifi{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;padding:12px 22px;transition:.2s}.btn-guardar-wifi:hover{background:#0d966a}@keyframes fadeInWifi{0%{opacity:0}to{opacity:1}}@keyframes scaleInWifi{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-backdrop-cliente-wifi{align-items:center;padding:16px}.modal-cliente-wifi{-webkit-overflow-scrolling:touch;border-radius:18px;max-height:calc(100dvh - 32px);overflow:auto;padding:22px 18px;width:min(820px,100%)}.modal-cliente-wifi h2{font-size:22px;margin-bottom:16px}.form-grid-wifi input,.form-grid-wifi select,.modal-cliente-wifi textarea{font-size:16px}@media (max-width:900px){.modal-cliente-wifi{border-radius:20px;padding:24px 20px}.form-grid-wifi{gap:16px}}@media (max-width:600px){.form-grid-wifi{gap:14px;grid-template-columns:1fr;margin-bottom:16px}.modal-cliente-wifi textarea{min-height:110px}.modal-buttons-wifi{align-items:stretch;flex-direction:column-reverse;gap:10px}.btn-cancelar-wifi,.btn-guardar-wifi{border-radius:14px;padding:14px 16px;width:100%}}@media (max-width:360px){.modal-backdrop-cliente-wifi{padding:12px}.modal-cliente-wifi{border-radius:16px;padding:18px 14px}.modal-cliente-wifi h2{font-size:20px}}.mikrotik-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.mikrotik-card,.mikrotik-table-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0f172a14;padding:1.5rem 1.75rem}.mikrotik-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.mikrotik-card-header h2{color:#0f172a;font-size:1.35rem;font-weight:600;margin:0}.mikrotik-card-header p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.mikrotik-badge{background:#e0f2fe;border-radius:999px;color:#0369a1;font-size:.78rem;font-weight:600;padding:.25rem .75rem}.mikrotik-grid{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field-full{grid-column:1/-1}.field label{color:#475569;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.field input,.field textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;padding:.5rem .7rem;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e940}.mikrotik-alert{border-radius:8px;font-size:.86rem;margin-top:.5rem;padding:.6rem .8rem}.mikrotik-alert.ok{background:#dcfce7;color:#166534}.mikrotik-alert.error{background:#fee2e2;color:#b91c1c}.mikrotik-actions{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.mikrotik-actions-right{display:flex;gap:.5rem}.btn{border:none;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.45rem 1.1rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:disabled{cursor:default;opacity:.6}.btn.primary{background:#0ea5e9;box-shadow:0 4px 12px #0ea5e980;color:#fff}.btn.primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.btn.outline{background:#0000;border:1px solid #0ea5e9;color:#0ea5e9}.btn.outline:hover:not(:disabled){background:#0ea5e90f}.btn.ghost{background:#0000;color:#64748b}.btn.ghost:hover:not(:disabled){background:#f1f5f9}.mikrotik-table-header h3{color:#0f172a;font-size:1.05rem;font-weight:600;margin:0 0 .75rem}.mikrotik-table{border-collapse:collapse;font-size:.86rem;width:100%}.mikrotik-table thead{background:#f8fafc}.mikrotik-table td,.mikrotik-table th{border-bottom:1px solid #e2e8f0;padding:.55rem;text-align:left}.mikrotik-table th{color:#475569;font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mikrotik-table tbody tr:hover{background:#f8fafc}.row-clickable{cursor:pointer}.no-data{color:#94a3b8;font-style:italic;text-align:center}.status-pill{border-radius:999px;font-size:.76rem;font-weight:600;padding:.18rem .6rem;text-transform:capitalize}.status-pill.online{background:#dcfce7;color:#15803d}.status-pill.offline{background:#fee2e2;color:#b91c1c}.status-pill.unknown{background:#e2e8f0;color:#475569}.mensaje-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:760px){.mikrotik-page{gap:14px;padding:14px}.mikrotik-card,.mikrotik-table-card{border-radius:16px;padding:14px}.mikrotik-grid{gap:10px;grid-template-columns:1fr}.mikrotik-actions{align-items:stretch;flex-direction:column;gap:10px}.mikrotik-actions-right{flex-wrap:wrap;width:100%}.mikrotik-table{background:#0000;border-collapse:initial;border-spacing:0 12px;width:100%}.mikrotik-table thead{display:none}.mikrotik-table tbody tr{background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 10px 26px #00000014;display:block;overflow:hidden;padding:6px 10px}.mikrotik-table tbody td{border-bottom:1px solid #0000000f;display:block;min-height:42px;overflow-wrap:anywhere;padding:10px 10px 10px 128px;position:relative;text-align:left;white-space:normal}.mikrotik-table tbody td:last-child{border-bottom:none}.mikrotik-table tbody td:before{color:#64748b;content:"";font-size:12px;font-weight:800;left:10px;letter-spacing:.02em;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:112px}.mikrotik-table tbody td:first-child:before{content:"Nombre"}.mikrotik-table tbody td:nth-child(2):before{content:"IP"}.mikrotik-table tbody td:nth-child(3):before{content:"Puerto"}.mikrotik-table tbody td:nth-child(4):before{content:"Usuario"}.mikrotik-table tbody td:nth-child(5):before{content:"Estado"}.mikrotik-table tbody td:nth-child(6):before{content:"Ultima conexion OK"}.mikrotik-table tbody td:nth-child(7):before{content:"Detalle"}.mensaje-cell{max-width:none;overflow:visible;text-overflow:clip;white-space:normal}.status-pill{align-items:center;display:inline-flex;justify-content:center}}.planes-page{background:linear-gradient(180deg,#f7f9fc,#eef1f6);color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;min-height:100vh;padding:30px}.planes-page h1{color:#0f172a;font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.planes-busqueda-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.planes-busqueda-row input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #00000014;border-radius:14px;box-shadow:0 2px 6px #0000000f;font-size:16px;padding:12px 16px;transition:all .2s ease;width:260px}.planes-busqueda-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f640;outline:none}.btn-agregar{background:linear-gradient(135deg,#0b74ff,#06f);border:none;border-radius:14px;box-shadow:0 8px 20px #0066ff40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 22px;transition:.2s ease}.btn-agregar:hover{box-shadow:0 12px 26px #0066ff54;transform:translateY(-2px)}.planes-table{border-collapse:initial;border-spacing:0 14px;width:100%}.planes-table th{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase}.planes-table tbody tr{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd9;border-radius:16px;box-shadow:0 6px 22px #0000000f;transition:.15s ease}.planes-table tbody tr:hover{box-shadow:0 8px 26px #0000001f;transform:scale(1.008)}.planes-table td{border-top:1px solid #0000000f;color:#1f2937;font-size:15px;padding:20px 18px}.planes-table tbody tr td:first-child{border-left:1px solid #0000000f;border-radius:16px 0 0 16px}.planes-table tbody tr td:last-child{border-radius:0 16px 16px 0;border-right:1px solid #0000000f}.icon-btn.delete-btn{background:#ffe8e8;border:none;border-radius:12px;box-shadow:0 3px 10px #ff00001f;cursor:pointer;padding:10px;transition:.2s ease}.icon-btn.delete-btn:hover{background:#ffd0d0;transform:scale(1.08)}.icon-btn img{height:22px;width:22px}.paginacion{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:28px}.paginacion button{background:#ffffffd9;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;font-size:18px;height:38px;transition:.15s;width:38px}.paginacion button:hover:not(:disabled){background:#f0f4ff;transform:translateY(-2px)}.paginacion span{color:#334155;font-size:15px;font-weight:600}.modal-backdrop-plan{align-items:center;background:#00000059;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-plan{animation:fadeIn .2s ease;background:#fff;border-radius:18px;box-shadow:0 12px 26px #00000026;padding:28px;width:650px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-plan h2{margin-bottom:18px;margin-top:0}.form-grid-plan{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-grid-plan input,.form-grid-plan select{border:1px solid #d0d5dd;border-radius:10px;font-size:15px;outline:none;padding:10px 14px;transition:.2s}.form-grid-plan input:focus,.form-grid-plan select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e240}.modal-buttons-plan{display:flex;gap:14px;justify-content:flex-end;margin-top:20px}.btn-cancelar{background:#f3f4f6}.btn-cancelar,.btn-guardar{border:none;border-radius:10px;cursor:pointer;padding:10px 18px}.btn-guardar{background:#0d6efd;color:#fff;font-weight:600}.caja-page{background:radial-gradient(circle at top,#e5e7eb 0,#f1f5f9 45%,#fff 100%);color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:24px 28px}.caja-header h1{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.caja-subtitle{font-size:14px;margin:0;opacity:.7}.caja-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.caja-date-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.caja-date-card label{color:#555;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.caja-date-card input[type=date]{background:#0000;border:none;color:#000;font-size:14px;outline:none}.caja-refresh-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 12px 30px #16a34a59;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s ease}.caja-refresh-btn:hover{transform:scale(1.03)}.caja-summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:20px}.summary-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.summary-card.total{background:#22c55e2e}.summary-card.instalaciones{background:#38bdf82e}.summary-card.oficina{background:#f973162e}.summary-card.bancomer{background:#3b82f62e}.summary-card.banamex{background:#ef44442e}.summary-card.otros{background:#8b5cf62e}.summary-label{color:#444;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.summary-amount{color:#000;font-size:18px;font-weight:700}.caja-tables{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr;margin-top:24px}.caja-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #00000026;padding:14px 16px}.caja-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.caja-card-header h2{color:#000;font-size:17px;font-weight:700;margin:0}.caja-chip{background:#0ea5e926;border:1px solid #38bdf859;border-radius:999px;color:#555;font-size:11px;padding:4px 10px;white-space:nowrap}.caja-table-wrapper{-webkit-overflow-scrolling:touch;max-height:430px;overflow:auto}.caja-table{border-collapse:collapse;font-size:13px;width:100%}.caja-table thead{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff52;position:-webkit-sticky;position:sticky;top:0;z-index:2}.caja-table th{color:#444;font-size:11px;letter-spacing:.12em;padding:8px 10px;text-transform:uppercase;white-space:nowrap}.caja-table td{border-bottom:1px solid #0000001a;color:#000;padding:8px 10px}.caja-table tbody tr:nth-child(2n){background:#ffffff40}.caja-table tbody tr:hover{background:#38bdf82e}.caja-empty{color:#666;font-size:13px;padding:16px 8px;text-align:center}.caja-cards{grid-gap:12px;display:grid;gap:12px}.caja-carditem{background:#fffffff2;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 26px #0000001a;padding:12px}.caja-carditem-top{align-items:baseline;border-bottom:1px solid #0000000f;display:flex;gap:10px;justify-content:space-between;padding-bottom:10px}.caja-carditem-title{color:#0f172a;font-size:15px;font-weight:800;overflow-wrap:anywhere}.caja-carditem-amount{color:#0f172a;font-size:15px;font-weight:900;white-space:nowrap}.caja-carditem-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;padding-top:10px}.caja-kv{grid-gap:3px;display:grid;gap:3px}.caja-kv-full{grid-column:1/-1}.caja-k{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.caja-v{color:#0f172a;font-size:14px;font-weight:650;overflow-wrap:anywhere}.caja-loading-overlay{align-items:center;background:#ffffff59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.caja-loading-card,.caja-loading-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.caja-loading-card{background:#ffffff40;border:1px solid #ffffff80;border-radius:22px;padding:24px 28px;text-align:center}.caja-spinner{animation:caja-spin .7s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#38bdf8;height:36px;margin:0 auto 10px;width:36px}@keyframes caja-spin{to{transform:rotate(1turn)}}@media (max-width:980px){.caja-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.caja-tables{grid-template-columns:1fr}}@media (max-width:560px){.caja-page{padding:16px 14px}.caja-header h1{font-size:22px}.caja-toolbar{align-items:stretch;flex-direction:column;gap:10px}.caja-date-card,.caja-refresh-btn{width:100%}.caja-summary-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-amount{font-size:16px}.caja-card{padding:12px}.caja-table-wrapper{max-height:55vh}.caja-table td{word-break:break-word}}.caja-desglose-btn{background:#fff9;border:1px solid #0000001a;border-radius:999px;color:#111;cursor:pointer;font-size:12px;font-weight:800;margin-top:10px;padding:8px 12px;transition:transform .12s ease;width:-webkit-fit-content;width:fit-content}.caja-desglose-btn:hover{transform:scale(1.03)}.caja-desglose-panel{grid-gap:12px;background:#ffffff8c;border:1px solid #00000014;border-radius:18px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;padding:12px 14px}@media (max-width:560px){.caja-desglose-panel{grid-template-columns:1fr}}.caja-desglose-col{background:#ffffff8c;border:1px solid #0000000f;border-radius:16px;padding:10px 12px}.caja-desglose-title{color:#334155;font-size:12px;font-weight:900;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.caja-desglose-row{align-items:center;border-bottom:1px dashed #0000001a;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.caja-desglose-row:last-child{border-bottom:none}.empresa-page{background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;min-height:100vh;padding:30px}.empresa-page h1{font-size:32px;font-weight:700;margin-bottom:18px}.empresa-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;border-radius:20px;box-shadow:0 12px 35px #00000014;max-width:750px;padding:25px 30px}.empresa-page .input-group{display:flex;flex-direction:column;margin-bottom:18px}.empresa-page .input-group label{color:#6b7280;display:block!important;font-size:13px;font-weight:600;inset:auto!important;margin:0 0 6px!important;pointer-events:auto;position:static!important;transform:none!important}.empresa-page .input-group input,.empresa-page .input-group textarea{background:#ffffffe6;border:1px solid #d1d5db;border-radius:12px;font-size:16px;line-height:1.35;padding:10px 14px!important;transition:.15s}.empresa-page .input-group input:focus,.empresa-page .input-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;outline:none}.empresa-page .input-group textarea{height:70px;resize:none}.empresa-section-title{color:#0f172a;font-size:18px;font-weight:700;margin:10px 0 14px}.btn-guardar-ios{background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:14px;box-shadow:0 8px 25px #2563eb59;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 22px;transition:.2s}.btn-guardar-ios:hover{transform:translateY(-2px) scale(1.01)}.btn-guardar-ios:active{transform:scale(.97)}.empresa-loading{padding:24px}.pagos-page{background:radial-gradient(circle at top,#e5e7eb 0,#f1f5f9 45%,#fff 100%);color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:24px 28px}.pagos-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #0000001f;padding:16px 16px 14px}.pagos-hero-top h1{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.pagos-sub{font-size:14px;margin:0;opacity:.7}.pagos-toolbar{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:1.1fr .7fr .7fr 1fr auto;margin-top:18px}@media (max-width:980px){.pagos-toolbar{grid-template-columns:1fr 1fr}}@media (max-width:560px){.pagos-toolbar{grid-template-columns:1fr}}.pagos-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.pagos-pill label{color:#555;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.pagos-inp{background:#ffffff8c;border:1px solid #00000014;border-radius:14px;color:#000;font-size:14px;outline:none;padding:10px 12px}.pagos-inp:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf82e}.pagos-toolbar-actions{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:flex;gap:12px;height:-webkit-fit-content;height:fit-content;justify-content:flex-end;padding:8px}@media (max-width:560px){.pagos-toolbar-actions{justify-content:space-between}}.pagos-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;box-shadow:0 12px 30px #0ea5e947;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:44px;padding:10px 18px;transition:transform .15s ease,opacity .15s ease}.pagos-primary:hover{transform:scale(1.03)}.pagos-ghost{background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;color:#111;cursor:pointer;font-size:13px;font-weight:700;height:44px;padding:10px 16px;transition:transform .15s ease,opacity .15s ease}.pagos-ghost:hover{transform:scale(1.02)}.pagos-ghost:disabled,.pagos-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.pagos-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}@media (max-width:560px){.pagos-stats{grid-template-columns:1fr}}.pagos-stat{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.stat-cyan{background:#38bdf82e}.stat-slate{background:#94a3b829}.stat-value.small{font-size:14px;font-weight:750;opacity:.85;word-break:break-word}.pagos-error{background:#ef44442e;border:1px solid #ef444440;border-radius:18px;color:#0f172a;font-weight:800;margin-top:14px;padding:10px 12px}.pagos-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #00000026;margin-top:18px;padding:14px 16px}.pagos-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.pagos-card-header h2{color:#000;font-size:17px;font-weight:700;margin:0}.pagos-chip{background:#0ea5e926;border:1px solid #38bdf859;border-radius:999px;color:#555;font-size:11px;padding:4px 10px;white-space:nowrap}.pagos-table-wrapper{-webkit-overflow-scrolling:touch;max-height:55vh;overflow:auto;scrollbar-gutter:stable}.pagos-table{border-collapse:collapse;font-size:13px;min-width:860px;table-layout:auto;width:100%}.pagos-table thead{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff52;position:-webkit-sticky;position:sticky;top:0;z-index:2}.pagos-table td,.pagos-table th{border-bottom:1px solid #0000001a;color:#000;padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}.pagos-table th{color:#444;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.pagos-table td:first-child,.pagos-table th:first-child{padding-left:18px;width:90px}.pagos-table td:last-child,.pagos-table th:last-child{padding-right:18px}.pagos-table td:nth-child(6),.pagos-table th:nth-child(6){text-align:right}.pagos-table td:nth-child(9),.pagos-table th:nth-child(9){text-align:center}.pagos-table tbody tr:nth-child(2n){background:#ffffff40}.pagos-table tbody tr:hover{background:#38bdf82e}.td-strong{font-weight:800}.money{font-weight:900}.empty{color:#666;font-size:13px;padding:16px 8px}.cell-input{background:#ffffff8c;border:1px solid #0000001a;border-radius:14px;font-size:14px;padding:10px 12px}.cell-input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf82e}.pagos-danger{background:#ef4444e0;border:1px solid #ef444459;border-radius:999px;color:#fff;cursor:pointer;font-weight:800;padding:8px 14px;transition:transform .12s ease,opacity .12s ease}.pagos-danger:hover{transform:scale(1.03)}.pagos-danger:disabled{cursor:not-allowed;opacity:.45;transform:none}.pagos-saving{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:18px;color:#64748b;font-size:13px;margin-top:12px;padding:10px 12px}@media (max-width:560px){.pagos-page{padding:16px 14px}.pagos-table-wrapper{max-height:none;overflow:visible}.pagos-table{border-collapse:initial;border-spacing:0 12px;min-width:0}.pagos-table thead{display:none}.pagos-table tbody tr{background:#fffffff2;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 26px #0000001a;display:block;padding:6px 10px}.pagos-table tbody td{border-bottom:1px solid #0000000f;display:block;min-height:42px;overflow-wrap:anywhere;padding:10px 10px 10px 128px;position:relative;text-align:left;white-space:normal}.pagos-table tbody td:last-child{border-bottom:none}.pagos-table tbody td:before{color:#64748b;content:"";font-size:11px;font-weight:900;left:10px;letter-spacing:.12em;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:112px}.pagos-table tbody td:first-child:before{content:"ID"}.pagos-table tbody td:nth-child(2):before{content:"Cliente"}.pagos-table tbody td:nth-child(3):before{content:"Mes"}.pagos-table tbody td:nth-child(4):before{content:"Año"}.pagos-table tbody td:nth-child(5):before{content:"Fecha"}.pagos-table tbody td:nth-child(6):before{content:"Monto"}.pagos-table tbody td:nth-child(7):before{content:"Forma"}.pagos-table tbody td:nth-child(8):before{content:"Referencia"}.pagos-table tbody td:nth-child(9):before{content:"Acciones"}}.ecpdf-page{background:radial-gradient(circle at top left,#0ea5e929,#0000 28%),radial-gradient(circle at top right,#f59e0b24,#0000 26%),linear-gradient(180deg,#eef6fb,#f8fafc 42%,#fff);color:#0f172a;min-height:100vh;padding:24px 28px 40px}.ecpdf-filters,.ecpdf-table-card,.ecpdf-upload-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border:1px solid #ffffff52;border-radius:24px;box-shadow:0 16px 40px #0f172a14}.ecpdf-upload-card{padding:20px}.ecpdf-headline{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.ecpdf-headline h1{font-size:28px;line-height:1.1;margin:0 0 8px}.ecpdf-headline p{color:#334155;line-height:1.5;margin:0;max-width:72ch}.ecpdf-upload-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:minmax(280px,1.2fr) minmax(280px,.9fr) auto}@media (max-width:1180px){.ecpdf-upload-grid{grid-template-columns:1fr 1fr}.ecpdf-actions{grid-column:1/-1;justify-content:flex-end}}@media (max-width:760px){.ecpdf-upload-grid{grid-template-columns:1fr}.ecpdf-actions{grid-column:auto}}.ecpdf-upload-box{background:linear-gradient(135deg,#0ea5e917,#ffffffb8);border:1px dashed #0ea5e973;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px}.upload-title{color:#0369a1;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.upload-sub{color:#475569;font-size:14px;word-break:break-word}.ecpdf-upload-box input{margin-top:8px}.ecpdf-toolbar{grid-gap:14px;align-content:start;display:grid;gap:14px;grid-template-columns:1fr}.ecpdf-field{display:flex;flex-direction:column;gap:6px}.ecpdf-field label{color:#475569;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ecpdf-field input,.ecpdf-field select{background:#ffffffe0;border:1px solid #94a3b859;border-radius:14px;font-size:14px;min-height:44px;outline:none;padding:10px 12px}.ecpdf-field input:focus,.ecpdf-field select:focus{border-color:#0ea5e999;box-shadow:0 0 0 4px #0ea5e929}.ecpdf-check{align-items:center;color:#334155;display:flex;font-size:14px;gap:10px}.ecpdf-actions{align-items:flex-end;display:flex;gap:12px}@media (max-width:560px){.ecpdf-actions{flex-direction:column}}.ecpdf-ghost,.ecpdf-primary{border-radius:999px;cursor:pointer;font-weight:800;min-height:46px;padding:10px 18px;transition:transform .16s ease,opacity .16s ease}.ecpdf-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;box-shadow:0 18px 34px #0284c738;color:#fff}.ecpdf-ghost{background:#ffffffd9;border:1px solid #94a3b859;color:#0f172a}.ecpdf-ghost:hover,.ecpdf-primary:hover{transform:translateY(-1px)}.ecpdf-ghost:disabled,.ecpdf-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.ecpdf-error{background:#fee2e2db;border:1px solid #ef444447;border-radius:18px;color:#7f1d1d;font-weight:700;margin-top:16px;padding:12px 14px}.ecpdf-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}@media (max-width:980px){.ecpdf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.ecpdf-stats{grid-template-columns:1fr}}.ecpdf-stat{border-radius:22px;box-shadow:0 16px 36px #0f172a0f;color:#0f172a;display:flex;flex-direction:column;gap:6px;padding:16px 18px}.ecpdf-stat span{font-size:12px;letter-spacing:.08em;opacity:.8;text-transform:uppercase}.ecpdf-stat strong{font-size:24px}.ecpdf-stat.cyan{background:#7dd3fc52}.ecpdf-stat.green{background:#86efac47}.ecpdf-stat.rose{background:#fda4af47}.ecpdf-stat.amber{background:#fde68a57}.ecpdf-filters{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px;padding:16px}@media (max-width:1080px){.ecpdf-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ecpdf-filters{grid-template-columns:1fr}}.ecpdf-field.grow{grid-column:span 2}@media (max-width:1080px){.ecpdf-field.grow{grid-column:span 1}}.ecpdf-meta{color:#334155;display:flex;flex-wrap:wrap;font-size:14px;gap:10px 18px;margin-top:12px}.ecpdf-table-card{margin-top:18px;padding:16px}.ecpdf-table-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.ecpdf-table-header h2{font-size:18px;margin:0}.ecpdf-table-wrap{max-height:65vh;overflow:auto}.ecpdf-table{border-collapse:collapse;font-size:13px;min-width:1180px;width:100%}.ecpdf-table thead th{background:#eff6ff;border-bottom:1px solid #94a3b847;padding:12px 10px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.ecpdf-table tbody td{border-bottom:1px solid #e2e8f0e6;padding:12px 10px;vertical-align:top}.ecpdf-table tbody tr:hover{background:#f8fafce0}.ecpdf-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.06em;min-width:74px;padding:6px 10px;text-transform:uppercase}.ecpdf-badge.success{background:#16a34a1f;color:#166534}.ecpdf-badge.danger{background:#dc26261f;color:#991b1b}.ecpdf-client strong,.ecpdf-confidence strong,.ecpdf-ref-main{display:block}.ecpdf-confidence span,.ecpdf-detail,.ecpdf-ref-list,.muted{color:#64748b}.ecpdf-review-tag{align-items:center;background:#f59e0b29;border-radius:999px;color:#b45309;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.05em;padding:3px 9px;text-transform:uppercase}.ecpdf-candidates{display:flex;flex-direction:column;gap:4px;margin-top:6px}.ecpdf-candidate{border-left:3px solid #f59e0b80;display:flex;flex-direction:column;gap:1px;padding:2px 0 2px 8px}.ecpdf-candidate-name{color:#0f172a;font-size:12.5px;font-weight:700}.ecpdf-candidate-meta{color:#64748b;font-size:11px;text-transform:capitalize}.ecpdf-note{font-size:12px;line-height:1.35;margin-top:6px}.ecpdf-note.warn{color:#b45309}.ecpdf-note.info{color:#0369a1}.ecpdf-desc{color:#0f172a;font-weight:700}.ecpdf-detail{line-height:1.5;margin-top:4px}.ecpdf-date{min-width:110px;white-space:nowrap}.ecpdf-service{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;letter-spacing:.05em;min-width:72px;padding:5px 10px;text-transform:uppercase}.ecpdf-service.fibra{background:#0ea5e91f;color:#0369a1}.ecpdf-service.wifi{background:#f59e0b24;color:#b45309}.mono{font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.empty{padding:22px 10px}.usuarios-page{background:linear-gradient(180deg,#f7f9fb,#eef1f5);color:#111;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:26px 32px}.usuarios-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.usuarios-head h1{font-size:30px;font-weight:800;margin:0}.usuarios-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffa6;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 35px #0000001a;margin-bottom:14px;padding:16px}.usuarios-card h2{color:#0f172a;font-size:16px;font-weight:800;margin:0 0 12px}.usuarios-form{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1.4fr 1fr .9fr .7fr}.usuarios-inp{background:#ffffffbf;border:1px solid #00000014;border-radius:14px;outline:none;padding:12px}.usuarios-btn{background:#ffffffd9;border:none;border-radius:14px;cursor:pointer;font-weight:800;padding:12px 14px}.usuarios-btn.primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff}.usuarios-btn:disabled{cursor:not-allowed;opacity:.7}.usuarios-table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}.usuarios-table{background:#ffffffd9;border-collapse:collapse;border-radius:16px;overflow:hidden;width:100%}.usuarios-table thead{background:#fffc}.usuarios-table th{color:#475569;font-size:12px;letter-spacing:.06em;padding:12px;text-align:left;text-transform:uppercase}.usuarios-table td{border-bottom:1px solid #0000000f;font-size:14px;padding:12px;vertical-align:middle}.empty{color:#64748b;padding:18px;text-align:center}.cell-input{background:#ffffffeb;border:1px solid #0f172a2e;border-radius:12px;outline:none;padding:8px 10px;width:100%}.cell-input:focus{background:#fff;border-color:#007aff8c;box-shadow:0 0 0 4px #007aff24}.pill{background:#fffc;border:1px solid #0000001a;border-radius:999px;cursor:pointer;font-weight:800;padding:7px 12px}.pill.ok{background:#e9fbe8;border-color:#0d6b2f26;color:#0d6b2f}.pill.bad{background:#fde5e5;border-color:#9b1c1c26;color:#9b1c1c}@media (max-width:980px){.usuarios-page{padding:18px}.usuarios-head{align-items:flex-start;flex-direction:column;gap:10px}.usuarios-head h1{font-size:24px}.usuarios-form{grid-template-columns:1fr 1fr}}@media (max-width:560px){.usuarios-page{padding:14px}.usuarios-card{border-radius:16px;padding:12px}.usuarios-form{gap:10px;grid-template-columns:1fr}.usuarios-form .usuarios-btn{width:100%}.usuarios-table{background:#0000;border-collapse:initial;border-spacing:0 12px;width:100%}.usuarios-table thead{display:none}.usuarios-table tbody tr{background:#ffffffeb;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 28px #00000014;display:block;overflow:hidden;padding:6px 10px}.usuarios-table tbody td{border-bottom:1px solid #0000000f;color:#0f172a;display:block;font-size:14px;min-height:42px;overflow-wrap:anywhere;padding:10px 10px 10px 122px;position:relative;text-align:left;white-space:normal}.usuarios-table tbody td:last-child{border-bottom:none}.usuarios-table tbody td:before{color:#64748b;content:attr(data-label);font-size:12px;font-weight:900;left:10px;letter-spacing:.02em;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:104px}.usuarios-table .pill{align-items:center;display:inline-flex;justify-content:center}}.cortes-page{background:radial-gradient(circle at top,#e5e7eb 0,#f1f5f9 45%,#fff 100%);color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:24px 28px}.cortes-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #0000001f;padding:16px 16px 14px}.cortes-hero-top h1{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.cortes-subtitle{font-size:14px;margin:0;opacity:.7}.cortes-toolbar{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:1fr 1fr 1.2fr 1fr auto;margin-top:18px}@media (max-width:980px){.cortes-toolbar{grid-template-columns:1fr 1fr 1fr}}@media (max-width:720px){.cortes-toolbar{grid-template-columns:1fr 1fr}}.cortes-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.cortes-pill label{color:#555;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cortes-pill input,.cortes-pill select{background:#ffffff8c;border:1px solid #00000014;border-radius:14px;color:#000;font-size:14px;outline:none;padding:10px 12px}.cortes-pill input:focus,.cortes-pill select:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf82e}.cortes-seg{grid-gap:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:8px}.seg-btn{background:#ffffff8c;border:1px solid #00000014;border-radius:14px;color:#475569;cursor:pointer;font-size:13px;font-weight:800;padding:10px;transition:transform .15s ease,box-shadow .15s ease}.seg-btn:hover{transform:scale(1.02)}.seg-btn.active{background:#3b82f62e;border-color:#3b82f659;box-shadow:0 10px 24px #3b82f62e;color:#0f172a}.seg-btn.active:last-child{background:#f973162e;border-color:#f9731659;box-shadow:0 10px 24px #f973162e}.cortes-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;box-shadow:0 12px 30px #0ea5e947;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:44px;padding:10px 18px;transition:transform .15s ease}.cortes-primary:hover{transform:scale(1.03)}.cortes-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px}@media (max-width:980px){.cortes-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.stat-card:first-child{background:#38bdf82e}.stat-card:nth-child(2){background:#3b82f62e}.stat-card:nth-child(3){background:#f9731629}.stat-card:nth-child(4){background:#ef44442e}.stat-card:nth-child(5){background:#22c55e2e}.stat-label{color:#444;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.stat-value{color:#000;font-size:18px;font-weight:800}.cortes-actions{gap:12px;justify-content:space-between;margin:18px 0 14px}.cortes-actions,.cortes-actions-left{align-items:center;display:flex;flex-wrap:wrap}.cortes-actions-left{gap:10px}.cortes-secondary{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:999px;box-shadow:0 12px 30px #16a34a40;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 18px;transition:transform .15s ease}.cortes-secondary:hover{transform:scale(1.03)}.cortes-ghost{background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;color:#111;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px;transition:transform .15s ease}.cortes-ghost:hover{transform:scale(1.02)}.cortes-ghost:disabled,.cortes-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.cortes-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:999px;box-shadow:0 12px 30px #ef444440;color:#fff;cursor:pointer;font-size:13px;font-weight:800;opacity:.85;padding:10px 18px;transition:transform .15s ease}.cortes-danger.ready{opacity:1}.cortes-danger:hover{transform:scale(1.03)}.cortes-danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.cortes-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #00000026;padding:14px 16px}.cortes-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.cortes-card-header h2{color:#000;font-size:17px;font-weight:700;margin:0}.cortes-chip{background:#0ea5e926;border:1px solid #38bdf859;border-radius:999px;color:#555;font-size:11px;padding:4px 10px;white-space:nowrap}.cortes-table-wrapper{-webkit-overflow-scrolling:touch;max-height:55vh;overflow:auto}.cortes-table{border-collapse:collapse;font-size:13px;min-width:860px;width:100%}.cortes-table.cortes-table-wifi{min-width:760px}.cortes-table thead{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff52;position:-webkit-sticky;position:sticky;top:0;z-index:2}.cortes-table th{color:#444;font-size:11px;letter-spacing:.12em;padding:8px 10px;text-transform:uppercase;white-space:nowrap}.cortes-table td{border-bottom:1px solid #0000001a;color:#000;padding:8px 10px}.cortes-table tbody tr:nth-child(2n){background:#ffffff40}.cortes-table tbody tr:hover{background:#38bdf82e}.cortes-table tbody tr.selected{background:#3b82f62e}.cortes-td-strong{font-weight:800}.cortes-pilltag{align-items:center;background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;color:#444;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.cortes-pilltag.propio{background:#3b82f626;border-color:#3b82f659}.cortes-pilltag.prestado{background:#f9731626;border-color:#f9731659}.cortes-inline-warn{color:#b45309;font-weight:800}.cortes-empty{color:#666;font-size:13px;padding:16px 8px;text-align:center}.cortes-cards{grid-gap:12px;display:grid;gap:12px}.cortes-carditem{background:#fffffff2;border:1px solid #0000000f;border-radius:18px;box-shadow:0 10px 26px #0000001a;padding:12px;text-align:left}.cortes-carditem.selected{background:#3b82f614;border-color:#3b82f659}.cortes-carditem-top{align-items:baseline;border-bottom:1px solid #0000000f;display:flex;gap:10px;justify-content:space-between;padding-bottom:10px}.cortes-carditem-title{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:800;gap:10px;overflow-wrap:anywhere}.cortes-check{background:#fff;border:1px solid #0000001a;border-radius:6px;display:inline-block;height:16px;width:16px}.cortes-check.on{background:#3b82f6d9;border-color:#3b82f6d9}.cortes-badge{background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;color:#444;font-size:11px;font-weight:800;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.cortes-badge.propio{background:#3b82f626;border-color:#3b82f659}.cortes-badge.prestado{background:#f9731626;border-color:#f9731659}.cortes-carditem-grid{grid-gap:10px 12px;display:grid;gap:10px 12px;grid-template-columns:1fr 1fr;padding-top:10px}.cortes-kv{grid-gap:3px;display:grid;gap:3px}.cortes-kv-full{grid-column:1/-1}.cortes-k{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cortes-v{color:#0f172a;font-size:14px;font-weight:650;overflow-wrap:anywhere}.cortes-warn{background:#f9731624;border:1px solid #f9731640;border-radius:14px;color:#0f172a;font-size:12px;font-weight:800;margin-top:10px;padding:10px}.cortes-loading-overlay{align-items:center;background:#ffffff59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cortes-loading-card,.cortes-loading-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cortes-loading-card{background:#ffffff40;border:1px solid #ffffff80;border-radius:22px;padding:24px 28px;text-align:center}.cortes-spinner{animation:cortes-spin .7s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#38bdf8;height:36px;margin:0 auto 10px;width:36px}@keyframes cortes-spin{to{transform:rotate(1turn)}}@media (max-width:560px){.cortes-page{padding:16px 14px}.cortes-hero-top h1{font-size:22px}.cortes-toolbar{grid-template-columns:1fr}.cortes-table-wrapper{max-height:55vh}.cortes-table td{word-break:break-word}}.cortes-table td,.cortes-table th{text-align:center;vertical-align:middle}.cortes-table td:nth-child(3),.cortes-table th:nth-child(3){text-align:left}.cortes-table td:first-child,.cortes-table th:first-child{width:46px}.cortes-table td:first-child input{transform:translateY(1px)}.cortes-confirm-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.cortes-confirm-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000040;overflow:hidden;width:min(640px,100%)}.cortes-confirm-head{padding:18px 20px 10px}.cortes-confirm-title{font-size:20px;font-weight:700;margin:0}.cortes-confirm-body{padding:0 20px 16px}.cortes-confirm-text{color:#111827;line-height:1.45;margin:0;white-space:pre-line}.cortes-confirm-actions{background:#f8fafc;display:flex;gap:12px;justify-content:flex-end;padding:14px 20px 18px}.cortes-confirm-cancel{background:#e5efff;color:#0f172a;font-weight:700}.cortes-confirm-cancel,.cortes-confirm-ok{border:0;border-radius:999px;cursor:pointer;padding:10px 18px}.cortes-confirm-ok{background:#2563eb;color:#fff;font-weight:800}.cortes-slot-row td{background:#0f172a0f;border-bottom:1px solid #00000014}.cortes-slot-row:hover td{background:#38bdf824}.cortes-slot-title{color:#0f172a;font-weight:900;letter-spacing:.02em;padding:10px 12px;text-align:left!important}.cortes-slot-chip{align-items:center;background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:6px 10px;white-space:nowrap}.cortes-slot-meta{color:#0f172abf;font-size:12px;font-weight:800;margin-left:10px}.cortes-slot-row td:first-child input{transform:scale(1.08) translateY(1px)}.cortes-jobbox{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #0000001a;margin:14px 0 18px;padding:14px 16px}.cortes-jobbox-head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.cortes-jobbox-title{color:#0f172a;font-size:15px;font-weight:900;margin:0}.cortes-jobbox-sub{color:#0f172ab3;font-size:12px;font-weight:750;margin:4px 0 0}.cortes-job-badge{background:#ffffff8c;border:1px solid #00000014;border-radius:999px;color:#0f172ad9;font-size:11px;font-weight:900;padding:6px 10px;white-space:nowrap}.cortes-job-badge.warn{background:#ef444424;border-color:#ef444459}.cortes-job-badge.done{background:#22c55e24;border-color:#22c55e59}.cortes-jobbar{background:#00000014;border-radius:999px;height:10px;margin-top:10px;overflow:hidden}.cortes-jobbar-fill{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:999px;height:100%;transition:width .25s ease}.cortes-job-current{align-items:center;background:#3b82f61a;border:1px solid #3b82f640;border-radius:16px;color:#0f172ad9;display:flex;font-size:12px;font-weight:850;gap:10px;margin-top:10px;padding:10px 12px}.cortes-job-current.muted{background:#64748b1a;border-color:#64748b38;color:#0f172aa6}.cortes-job-current .dot{background:#3b82f6d9;border-radius:999px;box-shadow:0 0 0 4px #3b82f62e;display:inline-block;height:10px;width:10px}.cortes-job-current.muted .dot{background:#64748ba6;box-shadow:0 0 0 4px #64748b2e}.cortes-jobslots{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}@media (max-width:980px){.cortes-jobslots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.cortes-jobslots{grid-template-columns:1fr}}.cortes-jobslot{background:#ffffff8c;border:1px solid #00000014;border-radius:18px;box-shadow:0 10px 26px #0000000f;padding:12px}.cortes-jobslot.current{background:#3b82f61a;border-color:#3b82f640}.cortes-jobslot-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.cortes-jobslot-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.cortes-jobslot-title .pill{background:#ffffffbf;border:1px solid #00000014;border-radius:999px;color:#0f172acc;display:inline-flex;font-size:11px;font-weight:900;padding:4px 10px}.cortes-jobslot-title .pill.on{background:#3b82f62e;border-color:#3b82f64d}.cortes-jobslot-kpis{color:#0f172ab8;display:flex;flex-direction:column;font-size:11px;font-weight:900;gap:2px;text-align:right}.cortes-jobslot-bar{background:#00000014;border-radius:999px;height:9px;margin-top:10px;overflow:hidden}.cortes-jobslot-barfill{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;height:100%;transition:width .25s ease}.cortes-jobslot-foot{color:#0f172aa6;display:flex;font-size:11px;font-weight:900;justify-content:space-between;margin-top:8px}.login-ios{align-items:center;background:linear-gradient(180deg,#f5f7fb,#eef1f7 50%,#e9ecf3);display:flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;justify-content:center;min-height:100vh}.login-glass{animation:slideUp .6s ease;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:#ffffffbf;border-radius:22px;box-shadow:0 20px 40px #0f172a26,inset 0 0 0 1px #fff9;color:#0f172a;padding:32px 28px;width:360px}.login-brand{margin-bottom:28px;text-align:center}.login-logo{align-items:center;background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 8px 20px #2563eb59;color:#fff;display:flex;font-size:26px;font-weight:700;height:50px;justify-content:center;margin:0 auto 14px;width:200px}.login-brand h1{font-size:22px;margin:0}.login-brand p{color:#64748b;font-size:13px;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:18px}.input-group{position:relative}.input-group input{background:#ffffffe6;border:1px solid #0f172a1f;border-radius:12px;color:#0f172a;font-size:15px;outline:none;padding:14px;width:100%}.input-group label{background:#0000;color:#64748b;font-size:13px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.25s ease}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{background:#fff;border-radius:6px;color:#2563eb;font-size:11px;left:10px;padding:0 6px;top:-7px}.login-btn{background:linear-gradient(180deg,#3b82f6,#2563eb);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .15s ease,box-shadow .15s ease}.login-btn:hover{box-shadow:0 10px 24px #2563eb59;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn-loading{align-items:center;display:inline-flex;gap:10px;justify-content:center}.apple-spinner{animation:appleSpin .75s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fffffff2;height:18px;width:18px}@keyframes appleSpin{to{transform:rotate(1turn)}}.cortesH-page{background:radial-gradient(circle at top,#e5e7eb 0,#f1f5f9 45%,#fff 100%);color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;min-height:100vh;padding:24px 28px}.cortesH-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #0000001f;padding:16px 16px 14px}.cortesH-hero-top h1{font-size:28px;font-weight:700;letter-spacing:.02em;margin:0 0 4px}.cortesH-sub{font-size:14px;margin:0;opacity:.7}.cortesH-toolbar{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:1fr 1fr 1.2fr auto;margin-top:18px}@media (max-width:980px){.cortesH-toolbar{grid-template-columns:1fr 1fr}}.cortesH-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.cortesH-pill label{color:#555;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cortesH-pill input,.cortesH-pill select{background:#ffffff8c;border:1px solid #00000014;border-radius:14px;color:#000;font-size:14px;outline:none;padding:10px 12px}.cortesH-pill input:focus,.cortesH-pill select:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf82e}.cortesH-primary{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;box-shadow:0 12px 30px #0ea5e947;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:44px;padding:10px 18px;transition:transform .15s ease}.cortesH-primary:hover{transform:scale(1.03)}.cortesH-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}@media (max-width:980px){.cortesH-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.cortesH-statcard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#38bdf824;border:1px solid #ffffff40;border-radius:18px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.cortesH-statlabel{color:#444;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cortesH-statvalue{color:#000;font-size:18px;font-weight:800}.cortesH-search-float{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #0000001f;margin-top:14px;padding:12px 14px}.cortesH-search{background:#ffffff8c;border:1px solid #00000014;border-radius:16px;color:#000;font-size:14px;outline:none;padding:12px 14px;width:100%}.cortesH-search:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf82e}.cortesH-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:22px;box-shadow:0 12px 25px #00000026;margin-top:14px;padding:14px 16px}.cortesH-card-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.cortesH-card-header h2{color:#000;font-size:17px;font-weight:700;margin:0}.cortesH-chip{background:#0ea5e926;border:1px solid #38bdf859;border-radius:999px;color:#555;font-size:11px;padding:6px 12px;white-space:nowrap}.cortesH-table-wrap{-webkit-overflow-scrolling:touch;max-height:55vh;overflow:auto}.cortesH-table{border-collapse:collapse;font-size:13px;min-width:980px;width:100%}.cortesH-table thead{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff52;position:-webkit-sticky;position:sticky;top:0;z-index:2}.cortesH-table th{color:#444;font-size:11px;font-weight:700;letter-spacing:.12em;padding:10px;text-align:center;text-transform:uppercase;white-space:nowrap}.cortesH-table td{border-bottom:1px solid #0000001a;color:#000;font-weight:500;padding:12px 10px;text-align:center;vertical-align:middle}.cortesH-table tbody tr:nth-child(2n){background:#ffffff40}.cortesH-table tbody tr:hover{background:#38bdf82e}.cortesH-id{font-weight:700}.cortesH-name{font-weight:600;text-align:left}.cortesH-pilltag{align-items:center;background:#ffffff8c;border:1px solid #0000001a;border-radius:999px;color:#444;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.06em;padding:5px 10px;text-transform:uppercase;white-space:nowrap}.cortesH-pilltag.propio{background:#3b82f626;border-color:#3b82f659}.cortesH-pilltag.prestado{background:#f9731626;border-color:#f9731659}.cortesH-status{border:1px solid #00000014;border-radius:999px;display:inline-block;font-size:12px;font-weight:800;padding:7px 12px}.cortesH-status.ok{background:#22c55e29;border-color:#22c55e59;color:#0f172a}.cortesH-status.bad{background:#ef444429;border-color:#ef444459;color:#0f172a}.cortesH-note{color:#111;font-weight:500}.cortesH-empty{color:#666;font-size:13px;padding:16px 8px;text-align:center}.cortesH-loading-overlay{align-items:center;background:#ffffff59;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.cortesH-loading-card,.cortesH-loading-overlay{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.cortesH-loading-card{background:#ffffff40;border:1px solid #ffffff80;border-radius:22px;padding:24px 28px;text-align:center}.cortesH-spinner{animation:cortesH-spin .7s linear infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#38bdf8;height:36px;margin:0 auto 10px;width:36px}@keyframes cortesH-spin{to{transform:rotate(1turn)}}@media (max-width:560px){.cortesH-page{padding:16px 14px}.cortesH-hero-top h1{font-size:22px}.cortesH-toolbar{grid-template-columns:1fr}.cortesH-table td{word-break:break-word}}.resp-table{border-collapse:collapse;font-size:14px;width:100%}.resp-table th{border-bottom:2px solid #e5e7eb;color:#444;padding:8px 10px;text-align:left}.resp-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px}.resp-btn{background:#2876a9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:7px 14px}.resp-btn:disabled{cursor:default;opacity:.6}.resp-vacio{color:#777;padding:8px 4px}.resp-mensaje{border-radius:10px;font-weight:600;margin-bottom:14px;padding:10px 14px}.resp-mensaje.ok{background:#dcfce7;color:#166534}.resp-mensaje.error{background:#fee2e2;color:#991b1b}.resp-acciones{display:flex;gap:8px}.resp-btn.secundario{background:#4b5563}.visor-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.visor-editor{background:#1e1e1e;border-radius:12px;box-shadow:0 16px 50px #00000073;display:flex;flex-direction:column;height:min(80vh,800px);overflow:hidden;width:min(1000px,95vw)}.visor-barra{align-items:center;background:#2d2d2d;border-bottom:1px solid #3c3c3c;display:flex;gap:12px;padding:10px 14px}.visor-nombre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visor-buscar,.visor-nombre{color:#e5e7eb;font-size:13px}.visor-buscar{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;flex:1 1;outline:none;padding:6px 10px}.visor-buscar:focus{border-color:#0ea5e9}.visor-cerrar{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px}.visor-cerrar:hover{color:#fff}.visor-contenido{flex:1 1;overflow:auto;padding:10px 0}.visor-contenido pre{color:#d4d4d4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;margin:0;padding:0 14px;white-space:pre}.visor-resultados{color:#9ca3af;font-size:12px;padding:4px 14px 8px}.visor-linea{display:flex;gap:12px}.visor-num{color:#6b7280;min-width:52px;text-align:right;-webkit-user-select:none;user-select:none}.resp-lista-scroll{border:1px solid #eef0f2;border-radius:8px;max-height:340px;overflow-y:auto}.resp-lista-scroll .resp-table th{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.resp-filtro{border:1px solid #d1d5db;border-radius:8px;font-size:13px;min-width:260px;outline:none;padding:6px 10px}.resp-filtro:focus{border-color:#2876a9}.sop-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:320px 1fr;height:calc(100vh - 190px);min-height:460px}@media (max-width:820px){.sop-layout{grid-template-columns:1fr;height:auto}}.sop-lista{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;overflow-y:auto;padding:10px}.sop-tabs{display:flex;gap:6px;margin-bottom:10px}.sop-tabs button{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:7px 10px}.sop-tabs button.activo{background:#2876a9;color:#fff}.sop-vacio{color:#94a3b8;font-size:14px;padding:16px 8px;text-align:center}.sop-item{background:#fff;border:none;border-bottom:1px solid #f1f5f9;border-left:4px solid #0000;cursor:pointer;display:block;padding:10px 10px 8px;text-align:left;transition:background .15s;width:100%}.sop-item:hover{background:#f8fafc}.sop-item.sel{background:#eff6ff;border-left-color:#2876a9}.sop-item.pendiente{border-left-color:#f59e0b}.sop-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.sop-badge{background:#dc2626;border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:1px 8px}.sop-item-sub{color:#64748b;font-size:12px;margin-top:2px}.sop-item-msg{color:#334155;font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-item-pie{align-items:center;color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:6px}.sop-estado{border-radius:999px;font-weight:700;padding:1px 8px;text-transform:capitalize}.sop-estado.pendiente{background:#fef3c7;color:#92400e}.sop-estado.atendida{background:#dcfce7;color:#166534}.sop-estado.cerrada{background:#e5e7eb;color:#475569}.sop-chat{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;overflow:hidden}.sop-placeholder{align-items:center;color:#94a3b8;display:flex;flex:1 1;justify-content:center}.sop-chat-head{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.sop-chat-sub{color:#64748b;font-size:12.5px;margin-top:2px}.sop-cerrar{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:7px 14px;white-space:nowrap}.sop-cerrar:hover{background:#d1d5db}.sop-mensajes{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:14px 16px}.sop-msg{display:flex}.sop-msg.cliente{justify-content:flex-start}.sop-msg.asesor{justify-content:flex-end}.sop-msg.bot{justify-content:center}.sop-burbuja{border-radius:14px;font-size:14px;line-height:1.45;max-width:74%;padding:8px 12px;position:relative;white-space:pre-wrap;word-break:break-word}.sop-msg.cliente .sop-burbuja{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.sop-msg.asesor .sop-burbuja{background:#2876a9;border-bottom-right-radius:4px;color:#fff}.sop-msg.bot .sop-burbuja{background:#ede9fe;color:#4c1d95;font-size:13px;max-width:86%}.sop-autor{display:block;font-size:11px;font-weight:700;margin-bottom:2px;opacity:.75}.sop-hora{display:block;font-size:10.5px;margin-top:3px;opacity:.65;text-align:right}.sop-enviar{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px}.sop-enviar input{border:1px solid #d1d5db;border-radius:10px;flex:1 1;font-size:14px;outline:none;padding:10px 14px}.sop-enviar input:focus{border-color:#2876a9}.sop-enviar button{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 22px}.sop-enviar button:disabled{cursor:default;opacity:.5}.sop-cerrada{background:#f1f5f9;color:#64748b;font-size:14px;padding:14px;text-align:center}.sidebar-badge{background:#dc2626;border-radius:999px;color:#fff;font-size:11px;font-weight:700;margin-left:6px;padding:1px 7px}
/*# sourceMappingURL=main.d3e60676.css.map*/