:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#eee9e0)var(--lightningcss-dark,#0e0f14);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#191a21);--surface-2:var(--lightningcss-light,#f6f2ea)var(--lightningcss-dark,#202128);--surface-hover:var(--lightningcss-light,#faf6ef)var(--lightningcss-dark,#24252f);--border:var(--lightningcss-light,#e6dfd2)var(--lightningcss-dark,#2b2d37);--border-strong:var(--lightningcss-light,#d6ccbb)var(--lightningcss-dark,#3a3c47);--text:var(--lightningcss-light,#1e1b16)var(--lightningcss-dark,#ececf1);--text-muted:var(--lightningcss-light,#6a6357)var(--lightningcss-dark,#9a99a5);--text-faint:var(--lightningcss-light,#948c7e)var(--lightningcss-dark,#6f6e79);--primary:var(--lightningcss-light,#6b3bff)var(--lightningcss-dark,#8a63ff);--primary-hover:var(--lightningcss-light,#5a2ee6)var(--lightningcss-dark,#9a78ff);--primary-contrast:#fff;--primary-soft:var(--lightningcss-light,#efeaff)var(--lightningcss-dark,#241a45);--focus-ring:var(--lightningcss-light,#6b3bff55)var(--lightningcss-dark,#8a63ff66);--accent:var(--lightningcss-light,#4f46e5)var(--lightningcss-dark,#7c74ff);--accent-soft:var(--lightningcss-light,#e8e7fb)var(--lightningcss-dark,#1e1c3f);--brand-gradient:linear-gradient(135deg, #6b3bff, #4f46e5);--success:var(--lightningcss-light,#0f7a3d)var(--lightningcss-dark,#46d081);--success-soft:var(--lightningcss-light,#e4f6ea)var(--lightningcss-dark,#10361f);--danger:var(--lightningcss-light,#c62828)var(--lightningcss-dark,#ff7a7a);--danger-soft:var(--lightningcss-light,#fdeaea)var(--lightningcss-dark,#3a1616);--warning:var(--lightningcss-light,#9a6410)var(--lightningcss-dark,#e5b25a);--warning-soft:var(--lightningcss-light,#fbf1dd)var(--lightningcss-dark,#3a2c10);--neutral:var(--lightningcss-light,#6a6971)var(--lightningcss-dark,#9a99a5);--neutral-soft:var(--lightningcss-light,#eeedf1)var(--lightningcss-dark,#262832);--radius-sm:6px;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px var(--lightningcss-light,#2a1e5514)var(--lightningcss-dark,#00000040);--shadow:0 6px 24px var(--lightningcss-light,#2a1e5518)var(--lightningcss-dark,#00000060);--shadow-lg:0 18px 48px var(--lightningcss-light,#2a1e5522)var(--lightningcss-dark,#00000070);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;color:var(--text);margin:0}#root{width:100%}.auth-shell{min-height:100svh;padding:6vh var(--sp-4);background:radial-gradient(130% 90% at 50% -20%, var(--primary-soft), transparent 55%), var(--bg);justify-content:center;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:var(--sp-6)}.brand{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.brand-mark{object-fit:contain;background:radial-gradient(circle, var(--surface-2), var(--bg));border:1px solid var(--border);width:40px;height:40px;filter:drop-shadow(var(--shadow-sm));border-radius:50%;flex:none;padding:3px}.brand-mark--lg{width:64px;height:64px;padding:5px}.brand-title{font-size:15px;font-weight:600;line-height:1.2}.brand-accent{color:var(--primary)}.brand-sub{color:var(--text-muted);font-size:12px;line-height:1.2}h1{letter-spacing:-.01em;margin:0 0 var(--sp-2);font-size:20px;font-weight:650}.subtitle{color:var(--text-muted);margin:0 0 var(--sp-5);font-size:14px}.field{margin-bottom:var(--sp-4)}label{color:var(--text-muted);margin-bottom:var(--sp-2);font-size:13px;font-weight:550;display:block}input,select{width:100%;color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border-strong);padding:10px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a6357' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}input:disabled,select:disabled{color:var(--text-muted);background:var(--surface);cursor:default}input.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px}.field-hint{margin:var(--sp-2) 0 0;color:var(--text-faint);font-size:12.5px}.form-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-loading{gap:var(--sp-3);display:grid}.input-group{position:relative}.input-group input{padding-right:40px}.input-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.input-toggle:hover{background:var(--surface-hover);color:var(--text)}.input-toggle:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}input.code{letter-spacing:.4em;text-align:center;padding-left:.4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:22px}button{font:inherit;cursor:pointer}.btn-primary{width:100%;margin-top:var(--sp-2);border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-contrast);border:none;padding:11px 16px;font-size:15px;font-weight:600;transition:background .15s,transform 50ms}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.btn-ghost{border-radius:var(--radius-sm);color:var(--text);border:1px solid var(--border-strong);background:0 0;padding:8px 14px;font-size:14px;font-weight:550;transition:background .15s,border-color .15s}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn-inline{width:auto;margin-top:0}.btn-sm{padding:5px 12px;font-size:13px}button:disabled{opacity:.55;cursor:default}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);margin:var(--sp-4) 0 0;border:1px solid var(--lightningcss-light,#f4c9c9)var(--lightningcss-dark,#5a2626);font-size:13.5px}.qr-frame{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);margin:var(--sp-4) 0;background:#fff;place-items:center;display:grid}.qr-uri{word-break:break-all;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);margin:0 0 var(--sp-4);font-family:ui-monospace,monospace;font-size:11.5px}.app-shell{max-width:1160px;padding:var(--sp-5) var(--sp-5) var(--sp-7);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-5);margin-bottom:var(--sp-5);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.app-header-actions{align-items:center;gap:var(--sp-3);display:flex}.app-nav{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.app-nav-tab{color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:13.5px;font-weight:550;transition:background .15s,color .15s}.app-nav-tab:hover{color:var(--text)}.app-nav-tab.is-active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.app-nav-tab:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.period-chip{align-items:center;gap:var(--sp-2);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:550;display:inline-flex}.kpi-grid{gap:var(--sp-4);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.kpi-accent{background:linear-gradient(180deg, var(--primary-soft), var(--surface) 80%);border-color:var(--lightningcss-light,#d9caff)var(--lightningcss-dark,#4a3a80);position:relative;overflow:hidden}.kpi-accent:before{content:"";background:var(--brand-gradient);height:3px;position:absolute;inset:0 0 auto}.kpi-label{align-items:center;gap:var(--sp-2);color:var(--text-muted);margin-bottom:var(--sp-3);font-size:13px;font-weight:550;display:flex}.kpi-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.kpi-foot{margin-top:var(--sp-2);color:var(--text-faint);font-size:12.5px}.badge-estimate{letter-spacing:.03em;text-transform:uppercase;color:var(--warning);background:var(--warning-soft);cursor:help;border:1px solid var(--lightningcss-light,#ecd8a8)var(--lightningcss-dark,#5a4520);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:650;display:inline-flex}.section{margin-bottom:var(--sp-6)}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 var(--sp-3);font-size:13px;font-weight:650}.health-row{gap:var(--sp-3);flex-wrap:wrap;display:flex}.health-pill{align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 14px 7px 12px;font-size:13.5px;font-weight:550;display:inline-flex}.health-dot{border-radius:50%;flex:none;width:9px;height:9px}.health-service{font-family:ui-monospace,monospace;font-size:12.5px}.health-state{text-transform:capitalize;font-size:12px;font-weight:600}.is-ok .health-dot{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.is-ok .health-state{color:var(--success)}.is-error .health-dot{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.is-error .health-state{color:var(--danger)}.is-desconocido .health-dot{background:var(--neutral);box-shadow:0 0 0 3px var(--neutral-soft)}.is-desconocido .health-state{color:var(--neutral)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.panel-head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.panel-head h2{margin:0;font-size:15px;font-weight:650}.panel-count{color:var(--text-muted);font-size:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);font-size:11.5px;font-weight:650}tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-hover)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.col-actions{text-align:right;white-space:nowrap}.cell-name{font-weight:600}.cell-slug{color:var(--text-faint);font-family:ui-monospace,monospace;font-size:12px}.muted{color:var(--text-faint)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;flex:none;width:6px;height:6px}.badge-active{color:var(--success);background:var(--success-soft)}.badge-active .badge-dot{background:var(--success)}.badge-inactive{color:var(--neutral);background:var(--neutral-soft)}.badge-inactive .badge-dot{background:var(--neutral)}.badge-suspended{color:var(--danger);background:var(--danger-soft)}.badge-suspended .badge-dot{background:var(--danger)}.badge-plan{color:var(--primary);background:var(--primary-soft)}.badge-noplan{color:var(--text-muted);border:1px dashed var(--border-strong);background:0 0}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-hover) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-loading{align-items:center;gap:var(--sp-3);padding:var(--sp-6) 0 var(--sp-5);flex-direction:column;display:flex}.dashboard-loading-seal{animation:1.6s ease-in-out infinite brand-pulse}.dashboard-loading-text{color:var(--text-muted);font-size:13px;font-weight:600}@keyframes brand-pulse{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dashboard-loading-seal{animation:none}}.sk-kpi{border-radius:var(--radius);height:116px}.sk-row{height:44px;margin:1px 0}.state-block{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--text-muted)}.state-title{color:var(--text);margin:0 0 var(--sp-2);font-size:15px;font-weight:600}.state-msg{margin:0 0 var(--sp-4);font-size:14px}.plan-list{gap:var(--sp-4);padding:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--sp-4)}.plan-card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.plan-card-name{margin-bottom:5px;font-size:15px;font-weight:650}.badge-plan-code{color:var(--primary);background:var(--primary-soft);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.plan-card-meta{gap:var(--sp-5);padding:var(--sp-3) 0 var(--sp-4);border-bottom:1px solid var(--border);margin-bottom:var(--sp-3);display:flex}.plan-meta-label{color:var(--text-muted);margin-bottom:2px;font-size:12px;display:block}.plan-meta-value{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.tramos-table{font-size:13px}.tramos-table th{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:0 0}.tramos-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}.tramos-table tr:last-child td{border-bottom:none}.plan-list-note{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:13px}.modal-overlay{z-index:50;padding:8vh var(--sp-4) var(--sp-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--lightningcss-light,#2a1e5540)var(--lightningcss-dark,#00000080);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal:focus{outline:none}.modal-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);display:flex}.modal-head h2{margin:0;font-size:15px;font-weight:650}.modal-close{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;flex:none;place-items:center;display:grid}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-close:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.modal-body{padding:var(--sp-5)}.modal-foot{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border);display:flex}.tramos-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3)}.tramos-editor-head,.tramos-editor-row{gap:var(--sp-2);grid-template-columns:1fr 1fr 32px;align-items:center;display:grid}.tramos-editor-head{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:var(--sp-2);font-size:11.5px;font-weight:600}.tramos-editor-row{margin-bottom:var(--sp-2)}.tramos-editor-row input{background:var(--surface);padding:8px 10px;font-size:14px}.tramo-remove{width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:0 0;place-items:center;display:grid}.tramo-remove:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.tramo-remove:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.tramo-add{width:100%;margin-top:var(--sp-1)}.tramos-hint{margin:var(--sp-3) 0 0;color:var(--text-faint);font-size:12px;line-height:1.4}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}*{transition:none!important}}@media (width<=640px){.app-shell{padding:var(--sp-4) var(--sp-4) var(--sp-6)}.kpi-value{font-size:26px}.app-nav{order:3;justify-content:center;width:100%}.app-nav-tab{text-align:center;flex:1}.form-grid,.plan-list{grid-template-columns:1fr}.modal-overlay{padding:var(--sp-4) var(--sp-3);align-items:flex-end}}