:root{--papel:#f3f6f8;--superficie:#fff;--superficie-2:#f7f9fb;--tinta:#15232e;--tinta-suave:#5e6e7a;--linea:#d9e1e7;--linea-suave:#e8edf1;--marca:#0b5fa5;--marca-oscura:#084a82;--ok:#138a5e;--ok-fondo:#e6f4ee;--alarma:#d62839;--alarma-fondo:#fce9eb;--falla:#b86e00;--falla-fondo:#fff3de;--inactivo:#8c99a4;--inactivo-fondo:#eef1f4;--calibrando:#2f6fd6;--calibrando-fondo:#e7effc;--radio:10px;--radio-chico:6px;--sombra:0 1px 2px #15232e0f, 0 2px 8px #15232e0a;--font:"Barlow", system-ui, sans-serif;--font-cond:"Barlow Condensed", "Barlow", sans-serif;--text-primary:var(--tinta);--text-secondary:var(--tinta-suave);--success:var(--ok);--warning:var(--falla);--danger:var(--alarma);--normal-bg:var(--ok-fondo);--alarm-bg:var(--alarma-fondo)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--papel);color:var(--tinta);font-family:var(--font);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;font-size:16px;line-height:1.45;display:flex}#app{flex-direction:column;gap:1.25rem;width:100%;max-width:1440px;padding:1.5rem 2rem 0;display:flex}h1,h2,h3,h4{font-weight:600;line-height:1.2}:focus-visible{outline-offset:2px;outline:3px solid #0b5fa573}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.logo-section{align-items:center;gap:1rem;display:flex}.brand-logo{border-radius:var(--radio-chico);width:auto;height:48px}.header h1{letter-spacing:-.01em;font-size:1.6rem;font-weight:700}.header h1 .accent{color:var(--tinta-suave);letter-spacing:0;font-size:1.05rem;font-weight:500;display:block}.controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.selector-group{align-items:center;gap:.5rem;display:flex}.selector-group label{color:var(--tinta-suave);font-size:.9rem}select{background:var(--superficie);border:1px solid var(--linea);color:var(--tinta);border-radius:var(--radio-chico);cursor:pointer;padding:.55rem .9rem;font-family:inherit;font-size:.95rem}select:hover{border-color:var(--marca)}.auth-panel{border-left:1px solid var(--linea);align-items:center;padding-left:.75rem;display:flex}#logged-in{align-items:center;gap:.75rem;display:flex}#user-display{font-size:.9rem;font-weight:600}.btn-primary,.btn-secondary{border-radius:var(--radio-chico);cursor:pointer;padding:.55rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s}.btn-primary{background:var(--marca);color:#fff;border:1px solid var(--marca)}.btn-primary:hover{background:var(--marca-oscura)}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-secondary{background:var(--superficie);color:var(--tinta);border:1px solid var(--linea)}.btn-secondary:hover{border-color:var(--marca);color:var(--marca)}.btn-text{color:var(--tinta-suave);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.9rem;text-decoration:underline}.btn-icon{color:var(--tinta-suave);cursor:pointer;background:0 0;border:none;font-size:1.8rem;line-height:1}.btn-icon:hover{color:var(--tinta)}.estado-general{border-radius:var(--radio);background:var(--ok-fondo);color:var(--ok);border:1px solid #bfe3d2;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.estado-general .lampara{width:18px;height:18px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:50%;flex-shrink:0}.estado-general .estado-texto{font-size:1.45rem;font-weight:700;line-height:1.2}.estado-general .estado-detalle{color:var(--tinta-suave);white-space:nowrap;margin-left:auto;font-size:.9rem}.estado-general.es-falla{background:var(--falla-fondo);color:var(--falla);border-color:#f2d29b}.estado-general.es-inactivo{background:var(--inactivo-fondo);border-color:var(--linea);color:var(--tinta-suave)}.estado-general.es-alarma{background:var(--alarma);border-color:var(--alarma);color:#fff}.estado-general.es-alarma .estado-detalle{color:#ffffffd9}.estado-general.es-alarma .lampara{background:#fff;animation:1s steps(2,start) infinite parpadeo}.glass{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.5rem}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.full-width,.sensor-grid,.alarms-section,#mobile-assignment-banner,#charts-hint{grid-column:1/-1}.sensor-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.sensor-card{border-left:6px solid var(--ok);flex-direction:column;gap:.6rem;display:flex;position:relative;overflow:hidden}.sensor-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sensor-title{font-family:var(--font-cond);letter-spacing:.02em;font-size:1.25rem;font-weight:600}.sensor-location{color:var(--tinta-suave);font-size:.85rem}.sensor-value-container{align-items:baseline;gap:.4rem;display:flex}.sensor-value{font-family:var(--font-cond);font-variant-numeric:tabular-nums;font-size:4rem;font-weight:500;line-height:1}.sensor-unit{color:var(--tinta-suave);font-size:1.1rem}.progress-container{background:var(--linea-suave);border-radius:4px;width:100%;height:8px;margin-top:auto;position:relative}.progress-bar{background:var(--ok);border-radius:4px;height:100%;transition:width .4s}.progress-umbral{background:var(--alarma);width:2px;height:16px;position:absolute;top:-4px}.sensor-status{white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.status-normal{background:var(--ok-fondo);color:var(--ok)}.status-alarm{background:var(--alarma);color:#fff}.status-fault{background:var(--falla-fondo);color:var(--falla)}.status-stale{background:var(--inactivo-fondo);color:var(--tinta-suave)}.status-cal{background:var(--calibrando-fondo);color:var(--calibrando)}.sensor-card.es-falla{border-left-color:var(--falla)}.sensor-card.es-inactivo{border-left-color:var(--inactivo)}.sensor-card.es-inactivo .sensor-value{color:var(--inactivo)}.sensor-card.es-calibrando{border-left-color:var(--calibrando)}.sensor-card.es-alarma{background:var(--alarma);border-color:var(--alarma);color:#fff}.sensor-card.es-alarma .sensor-location,.sensor-card.es-alarma .sensor-unit{color:#ffffffd9}.sensor-card.es-alarma .status-alarm{color:var(--alarma);background:#fff}.sensor-card.es-alarma .progress-container{background:#ffffff4d}.sensor-card.es-alarma .progress-bar{background:#fff}.sensor-card.es-alarma .progress-umbral{background:var(--tinta)}.sensor-card.es-falla .progress-bar,.sensor-card.es-inactivo .progress-bar{background:var(--inactivo)}.station-block{cursor:pointer;border-left:6px solid var(--ok);flex-direction:column;grid-column:1/-1;gap:1rem;transition:border-color .15s,box-shadow .15s;display:flex}.station-block:hover{box-shadow:0 2px 4px #15232e14,0 6px 18px #15232e14}.station-block.es-alarma{border-left-color:var(--alarma)}.station-block.es-falla{border-left-color:var(--falla)}.station-block.es-inactivo{border-left-color:var(--inactivo)}.station-block.es-calibrando{border-left-color:var(--calibrando)}.station-block-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.station-block-header h2{font-family:var(--font-cond);font-size:1.7rem;font-weight:600}.station-block-header small{color:var(--tinta-suave);font-size:.9rem}.station-sensors{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem;display:grid}.sensor-mini{background:var(--superficie-2);border:1px solid var(--linea-suave);border-radius:var(--radio-chico);flex-direction:column;gap:.2rem;padding:.7rem .8rem;display:flex}.sensor-mini .sensor-title{font-size:1.05rem}.sensor-mini .sensor-value{font-size:2.2rem}.sensor-mini .sensor-unit{font-size:.9rem}.sensor-mini .sensor-status{font-size:.75rem}.sensor-mini.es-inactivo .sensor-value{color:var(--inactivo)}.sensor-mini.es-alarma{background:var(--alarma);border-color:var(--alarma);color:#fff}.sensor-mini.es-alarma .sensor-location,.sensor-mini.es-alarma .sensor-unit{color:#ffffffd9}.sensor-mini.es-alarma .status-alarm{color:var(--alarma);background:#fff}#mobile-assignment-banner{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);color:var(--tinta-suave);cursor:pointer;padding:.75rem 1rem;font-size:.95rem}#mobile-assignment-banner:hover{border-color:var(--marca)}#mobile-assignment-banner b{color:var(--marca)}.chart-section{flex-direction:column;gap:.75rem;display:flex}.chart-section.full-width{grid-column:auto}#charts-hint{text-align:center;color:var(--tinta-suave)}.chart-header h2{font-size:1.15rem}.chart-header p{color:var(--tinta-suave);font-size:.9rem}.alarms-section{flex-direction:column;gap:1rem;display:flex}.glass.flex-row{flex-direction:row;gap:2rem;display:flex}.alarms-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.alarms-header h2{font-size:1.15rem}.badge{background:var(--alarma);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.85rem;font-weight:700}.alarms-list{flex-direction:column;max-height:420px;display:flex;overflow-y:auto}.alarm-item{border-left:3px solid var(--alarma);border-bottom:1px solid var(--linea-suave);flex-direction:column;gap:.15rem;padding:.7rem 0 .7rem .9rem;display:flex}.alarm-item-header{justify-content:space-between;gap:1rem;font-weight:600;display:flex}.alarm-time{color:var(--tinta-suave);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem;font-weight:400}.alarm-msg{color:var(--alarma);font-size:.95rem}.empty-msg{color:var(--tinta-suave)}.status-widget h2{margin-bottom:1rem;font-size:1.15rem}.status-row{border-bottom:1px solid var(--linea-suave);color:var(--tinta-suave);justify-content:space-between;gap:1rem;padding:.6rem 0;font-size:.95rem;display:flex}.status-val{color:var(--tinta);font-weight:700}.auth-modal{z-index:1001;flex-direction:column;gap:1rem;width:min(420px,100vw - 2rem);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #15232e40}body.sin-sesion #estado-general,body.sin-sesion .dashboard-grid,body.sin-sesion .controls>:not(#auth-panel),body.sin-sesion #close-login{display:none}.user-modal-content{flex-direction:column;gap:.5rem;display:flex}.modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-header h2,.modal-header h3{font-size:1.3rem}.auth-input{background:var(--superficie);border:1px solid var(--linea);color:var(--tinta);border-radius:var(--radio-chico);padding:.7rem .9rem;font-family:inherit;font-size:1rem}.auth-input:focus{border-color:var(--marca)}.auth-actions{justify-content:flex-end;display:flex}.admin-view{z-index:1002;background:var(--superficie);flex-direction:column;width:min(1200px,100vw - 2rem);height:90vh;padding:2rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #15232e40}.admin-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-header h2{font-size:1.6rem}.admin-header p{color:var(--tinta-suave)}.admin-content{flex-grow:1;gap:1.5rem;display:flex;overflow:hidden}.admin-sidebar{flex-shrink:0;width:240px}.sidebar-group label{color:var(--tinta-suave);margin-bottom:.6rem;font-size:.9rem;font-weight:600;display:block}.filter-card{background:var(--superficie-2);border:1px solid var(--linea-suave);border-radius:var(--radio-chico);cursor:pointer;margin-bottom:.6rem;padding:.8rem 1rem;font-weight:600}.filter-card.active{border-color:var(--marca);background:#eaf2fa}.filter-card span{color:var(--tinta-suave);font-size:.85rem;font-weight:400;display:block}.admin-main{flex-grow:1;overflow-y:auto}.maint-box{background:var(--calibrando-fondo);border-radius:var(--radio);border:1px solid #c9daf5;margin-bottom:1.5rem;padding:1.25rem}.maint-box h3{color:var(--calibrando);margin-bottom:.4rem}.maint-box p{color:var(--tinta-suave);margin-bottom:1rem;font-size:.9rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:var(--tinta-suave);border-bottom:1px solid var(--linea);padding:.7rem;font-size:.85rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--linea-suave);padding:.7rem}.calibration-section{z-index:1000;width:min(960px,100vw - 2rem);max-height:90vh;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #15232e40}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.calibration-table{border-collapse:collapse;width:100%}.calibration-table th{text-align:left;color:var(--tinta-suave);border-bottom:1px solid var(--linea);padding:0 .5rem .7rem;font-size:.85rem;font-weight:600}.calibration-table td{border-bottom:1px solid var(--linea-suave);padding:.8rem .5rem}.status-badge{white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:600}.report-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}#report-sensor-charts{grid-template-columns:1fr;gap:1rem;display:grid}.glass.card-compact{box-shadow:none;padding:1rem}.card-compact h3{margin-bottom:.5rem;font-size:1rem}.hidden{display:none!important}.footer{text-align:center;color:var(--tinta-suave);padding:1.5rem 0;font-size:.85rem}@keyframes parpadeo{to{opacity:.25}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1100px){.dashboard-grid,.report-grid,#report-sensor-charts{grid-template-columns:1fr}}@media (width<=768px){#app{padding:1rem 1rem 0}.estado-general{flex-wrap:wrap}.estado-general .estado-texto{font-size:1.15rem}.estado-general .estado-detalle{white-space:normal;margin-left:0}.glass.flex-row{flex-direction:column}.admin-content{flex-direction:column;overflow-y:auto}.admin-sidebar{width:100%}.sensor-value{font-size:3.2rem}}@page{size:auto;margin:5mm}@media print{html,body{color:#000!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}#app{width:100%!important;margin:0!important;padding:0!important;display:block!important}#app>:not(#report-modal){display:none!important}#report-modal{width:100%!important;height:auto!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:none!important;margin:0!important;padding:10mm!important;display:block!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important;transform:none!important}.glass.card-compact{page-break-inside:avoid;border:1px solid #ddd!important}canvas{max-width:100%!important}.btn-icon,.btn-primary{display:none!important}}.chart-section.full-width.solo{grid-column:1/-1}