:root{--verde: #15803d;--verde-600: #167a46;--verde-700: #115e34;--verde-bright: #22c55e;--verde-bg: #ecfdf3;--ink: #0f172a;--texto: #1e293b;--texto-suave: #5b6b7f;--texto-tenue: #94a3b8;--linea: #e4e8ee;--linea-fuerte: #cdd5df;--panel: #ffffff;--lienzo: #f6f7f9;--lienzo-ext: #e6e9ef;--rojo: #dc2626;--rojo-bg: #fef2f2;--rojo-borde: #fecaca;--ambar: #d97706;--ambar-bg: #fffbeb;--ambar-borde: #fde68a;--azul: #2563eb;--azul-bg: #eff6ff;--azul-borde: #cfe0fd;--radio: 12px;--radio-sm: 9px;--radio-lg: 16px;--sombra: 0 1px 2px rgba(15,23,42,.04), 0 2px 6px rgba(15,23,42,.06);--sombra-md:0 4px 14px rgba(15,23,42,.1);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--nav-h: 68px;--bar-h: 46px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--lienzo);color:var(--texto);font-size:16.5px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1{font-size:1.5rem;font-weight:750;letter-spacing:-.02em;color:var(--ink);margin:0 0 .25rem}h2{font-size:1.06rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 .55rem}strong,b{font-weight:650;color:var(--ink)}.eyebrow{display:block;text-transform:uppercase;font-size:.7rem;letter-spacing:.09em;font-weight:700;color:var(--texto-tenue);margin:0 0 6px}.metric{font-family:var(--mono);font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metric.lg{font-size:1.55rem;line-height:1.1}.metric.xl{font-size:2rem;line-height:1}.num{font-variant-numeric:tabular-nums}.app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 14px);max-width:640px;margin:0 auto}.contenido{padding:18px 16px 8px}.card{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;margin-bottom:12px;box-shadow:var(--sombra)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-head h2{margin:0}.card+h2,.contenido>h2{margin-top:18px}.hr{height:1px;background:var(--linea);border:0;margin:12px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border:1px solid transparent;border-radius:var(--radio);background:var(--verde);color:#fff;font-size:1.02rem;font-weight:650;letter-spacing:-.01em;cursor:pointer;width:100%;box-shadow:0 1px 1px #0f172a0d;transition:transform .05s ease,background .15s ease,box-shadow .15s ease}.btn:hover{background:var(--verde-600)}.btn:active{transform:translateY(1px) scale(.995)}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn.secundario{background:#fff;color:var(--verde);border-color:var(--verde);box-shadow:none}.btn.secundario:hover{background:var(--verde-bg)}.btn.gris{background:#eef1f5;color:var(--texto);border-color:var(--linea);box-shadow:none}.btn.gris:hover{background:#e6eaf0}.btn.danger,.btn.stop{background:var(--rojo);color:#fff}.btn.danger:hover,.btn.stop:hover{background:#b91c1c}.btn.ghost{background:transparent;color:var(--texto-suave);border-color:transparent;box-shadow:none}.btn svg{width:20px;height:20px}.row:has(:is(input,textarea,select))>.btn,.row:has(>label)>.btn{width:auto;flex:0 0 auto}.row:has(>.btn)>input,.row:has(>.btn)>select{min-width:0}.volver{display:inline-flex;align-items:center;gap:5px;color:var(--texto-suave);text-decoration:none;font-weight:600;font-size:.92rem;margin-bottom:6px}.volver:hover{color:var(--ink)}label{display:block;font-size:.82rem;color:var(--texto-suave);margin:12px 0 5px;font-weight:650}input,textarea,select{width:100%;min-height:48px;padding:11px 13px;border:1.5px solid var(--linea-fuerte);border-radius:var(--radio-sm);font-size:1.02rem;background:#fff;color:var(--texto);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 3px #15803d24}input[type=number]{font-family:var(--mono);font-variant-numeric:tabular-nums}textarea{min-height:120px;resize:vertical;line-height:1.45}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;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='%235b6b7f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}input[type=search]{padding-left:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b6b7f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 13px center}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap}.pill.ok{background:var(--verde-bg);color:#15803d;border-color:#bbf7d0}.pill.warn{background:var(--ambar-bg);color:#92400e;border-color:var(--ambar-borde)}.pill.err{background:var(--rojo-bg);color:#991b1b;border-color:var(--rojo-borde)}.pill.info{background:var(--azul-bg);color:#1e40af;border-color:var(--azul-borde)}.pill.neutral{background:#eef1f5;color:var(--texto-suave);border-color:var(--linea)}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.muted{color:var(--texto-suave);font-size:.88rem}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.empty{text-align:center;color:var(--texto-suave);padding:40px 18px;background:var(--panel);border:1px dashed var(--linea-fuerte);border-radius:var(--radio)}.stats{display:flex;gap:8px}.stat{flex:1;text-align:center;background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--radio-sm);padding:10px 6px}.stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;color:var(--ink)}.stat .k{font-size:.72rem;color:var(--texto-suave);margin-top:2px}.bar{height:10px;background:#e9edf2;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--verde-bright);border-radius:999px;transition:width .3s ease}.appbar{position:sticky;top:0;z-index:50;height:calc(var(--bar-h) + var(--safe-t));padding-top:var(--safe-t);background:#ffffffdb;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linea)}.appbar-in{max-width:640px;margin:0 auto;height:var(--bar-h);padding:0 16px;display:flex;align-items:center;gap:12px}.marca{display:flex;align-items:center;gap:8px;text-decoration:none}.marca .logo{width:26px;height:26px;border-radius:7px;background:var(--verde);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #15803d66}.marca .wm{font-weight:800;letter-spacing:.14em;font-size:.82rem;color:var(--ink)}.agua-chip{margin-left:auto;display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border-radius:999px;background:var(--lienzo);border:1px solid var(--linea);text-decoration:none;color:var(--texto)}.agua-chip .ic{color:var(--azul);display:flex}.agua-chip .lit{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:.86rem;color:var(--ink)}.agua-chip .pc{background:var(--azul);color:#fff;border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700;font-family:var(--mono)}.agua-chip.off,.agua-chip.off .ic{color:var(--texto-tenue)}.agua-chip.off .estado{font-size:.76rem;font-style:italic;color:var(--texto-tenue)}@media (min-width: 680px){html,body{background:var(--lienzo-ext)}.app{border-left:1px solid var(--linea);border-right:1px solid var(--linea);background:var(--lienzo);box-shadow:0 0 40px #0f172a0f}.appbar{background:#ffffffeb}.nav{border-left:1px solid var(--linea);border-right:1px solid var(--linea)}}.nav{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:640px;margin:0 auto;height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff0;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-top:1px solid var(--linea);display:flex;justify-content:space-around;align-items:stretch}.nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--texto-tenue);font-size:.68rem;font-weight:650}.nav a .ico{display:flex}.nav a.activo{color:var(--verde)}.nav a.activo:before{content:"";position:absolute;top:0;width:26px;height:3px;background:var(--verde);border-radius:0 0 3px 3px}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + var(--safe-b) - 26px);z-index:70;width:60px;height:60px;border-radius:50%;background:var(--verde);color:#fff;border:4px solid var(--lienzo);display:flex;align-items:center;justify-content:center;box-shadow:var(--sombra-md);cursor:pointer;text-decoration:none;transition:transform .06s ease,background .15s ease}.fab:hover{background:var(--verde-600)}.fab:active{transform:translate(-50%) scale(.94)}.toasts{position:fixed;top:calc(var(--safe-t) + 12px);left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{padding:12px 18px;border-radius:var(--radio);color:#fff;font-weight:650;box-shadow:var(--sombra-md);max-width:90%}.toast.ok{background:var(--verde)}.toast.error{background:var(--rojo)}.toast.aviso{background:var(--ambar)}.offline-bar{background:var(--ambar);color:#fff;text-align:center;padding:6px;font-size:.85rem;font-weight:650}