@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}#root{width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#e2e8f0;color:#1e293b;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.vip-popup-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;animation:vip-fade-in .25s ease}@keyframes vip-fade-in{0%{opacity:0}to{opacity:1}}.vip-popup{background:#fff;border-radius:12px;width:min(560px,95vw);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000059;animation:vip-slide-up .3s ease;overflow:hidden}@keyframes vip-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.vip-popup-header{display:flex;align-items:center;gap:10px;padding:18px 20px;background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff}.vip-popup-icon{font-size:1.4rem;animation:vip-pulse 1s infinite}@keyframes vip-pulse{0%,to{opacity:1}50%{opacity:.5}}.vip-popup-title{flex:1;margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.vip-popup-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.vip-popup-close:hover{background:#ffffff59}.vip-popup-body{flex:1;overflow-y:auto;padding:20px}.vip-popup-subtitle{margin:0 0 14px;color:#555;font-size:.9rem}.vip-incident-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.vip-incident-item{border:1px solid #f5c6cb;border-left:4px solid #e74c3c;border-radius:8px;padding:12px 14px;background:#fff5f5}.vip-incident-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.vip-incident-badge{background:#e74c3c;color:#fff;font-size:.68rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.vip-incident-number{font-weight:600;font-size:.95rem;color:#222;flex:1}.vip-incident-state{font-size:.78rem;font-weight:600;padding:2px 8px;border-radius:12px}.vip-incident-state.offline{background:#fdecea;color:#c0392b}.vip-incident-state.warning{background:#fff3cd;color:#856404}.vip-incident-detail{display:flex;flex-direction:column;gap:2px}.vip-incident-reason{font-size:.85rem;color:#444}.vip-incident-time{font-size:.78rem;color:#777}.vip-incident-detected{margin-top:6px;font-size:.75rem;color:#999}.vip-popup-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #eee;background:#fafafa}.vip-btn{padding:8px 18px;border:none;border-radius:6px;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.vip-btn:hover{opacity:.85}.vip-btn:active{transform:scale(.97)}.vip-btn-secondary{background:#eee;color:#444}.vip-btn-primary{background:#e74c3c;color:#fff}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:linear-gradient(180deg,#1a1a2e,#16213e);box-shadow:4px 0 25px #00000080;display:flex;flex-direction:column;z-index:1000;overflow-y:auto;border-right:2px solid rgba(0,255,255,.3)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0003}.sidebar::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.sidebar-header{padding:1.5rem 1rem;text-align:center;border-bottom:2px solid rgba(0,255,255,.3);background:#00ffff0d}.sidebar-header h2{font-size:1.5rem;font-weight:900;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ff99;margin:0}.connection-rate-container{display:flex;align-items:center;gap:12px}.connection-rate-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 15px #00ffff4d}.connection-rate-inner{width:48px;height:48px;border-radius:50%;background:#1a1a2e;display:flex;align-items:center;justify-content:center}.connection-rate-value{font-size:14px;font-weight:800;color:#0ff;text-shadow:0 0 8px rgba(0,255,255,.6)}.connection-rate-label{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.connection-rate-label .label-title{font-size:1.1rem;font-weight:800;color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ff99}.connection-rate-label .label-subtitle{font-size:.7rem;color:#fff9;margin-top:2px}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#aaa;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease;border-right:4px solid transparent;position:relative}.sidebar-item:hover{background:#00ffff1a;color:#0ff;border-right-color:#0ff;padding-right:2rem}.sidebar-item.active{background:linear-gradient(90deg,transparent,rgba(0,255,255,.2));color:#0ff;border-right-color:#0ff;font-weight:700;text-shadow:0 0 8px rgba(0,255,255,.5)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,#00ffff,transparent)}.sidebar-icon{font-size:1.3rem;display:flex;align-items:center;justify-content:center;min-width:24px}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.sidebar{width:240px}.sidebar-item{padding:.8rem 1rem;font-size:.9rem}}.sidebar-hamburger{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#0000008c;z-index:999}.sidebar-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:14px;left:14px;z-index:1100;width:42px;height:42px;padding:8px;background:#1a1a2e;border:1px solid rgba(0,255,255,.4);border-radius:8px;cursor:pointer;box-shadow:0 2px 10px #00000080}.sidebar-hamburger span{display:block;height:2px;background:#0ff;border-radius:2px;transition:all .3s ease;transform-origin:center}.sidebar-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sidebar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.sidebar-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.sidebar-divider{padding:1rem 1.5rem .5rem;margin-top:.5rem}.sidebar-divider span{font-size:.7rem;font-weight:700;color:#00ffff80;letter-spacing:1.5px;text-transform:uppercase}.sidebar-item.admin-item{background:#ffc1070d}.sidebar-item.admin-item:hover{background:#ffc10726;color:#ffc107;border-right-color:#ffc107}.sidebar-item.admin-item.active{background:linear-gradient(90deg,transparent,rgba(255,193,7,.2));color:#ffc107;border-right-color:#ffc107;text-shadow:0 0 8px rgba(255,193,7,.5)}.sidebar-user{padding:1rem;border-top:1px solid rgba(0,255,255,.2);background:#0003;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.user-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0ff,#00bcd4);color:#0a1929;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 15px #00ffff4d}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#00ffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,107,107,.3);background:#ff6b6b1a;color:#ff6b6b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .3s ease;flex-shrink:0}.logout-button:hover{background:#ff6b6b33;border-color:#ff6b6b;transform:scale(1.05)}.home-futuristic{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0f1e,#0d1a2d,#0a1628);overflow:hidden;font-family:Rajdhani,sans-serif}.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.6}.bg-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/images/dynamic-energy-background-featuring-radiant-waves-light-pulses-vivid-colors-creating-sense-movement-excitement-326142875.webp) center/cover no-repeat;opacity:.08;z-index:2;pointer-events:none}.home-header-futuristic{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:linear-gradient(180deg,#001428e6,#00142800);border-bottom:1px solid rgba(0,255,255,.2)}.logo-section{display:flex;align-items:center;gap:1.5rem}.logo-glow{position:relative;padding:8px;border-radius:50%;background:#00ffff1a;border:2px solid rgba(0,255,255,.3);animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{box-shadow:0 0 20px #00ffff4d}50%{box-shadow:0 0 40px #0ff9,0 0 60px #00ffff4d}}.logo-img{width:60px;height:60px;border-radius:50%;object-fit:cover}.title-section{display:flex;flex-direction:column}.main-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 30px rgba(0,255,255,.4),0 0 50px rgba(0,255,255,.2);letter-spacing:4px;margin:0}.subtitle{font-size:.95rem;color:#fff9;letter-spacing:2px;margin:4px 0 0;text-transform:uppercase}.datetime-display{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.datetime-display .time{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:#0f9;text-shadow:0 0 15px rgba(0,255,153,.6)}.datetime-display .date{font-size:.85rem;color:#ffffff80;text-transform:capitalize}.home-main{position:relative;z-index:10;display:grid;grid-template-columns:320px 1fr 380px;gap:2rem;padding:2rem 3rem;min-height:calc(100vh - 180px)}.stats-panel{background:#001428b3;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00ffff1a,inset 0 0 30px #0000004d}.stats-header,.nav-header,.visual-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.stats-header h2,.nav-header h2,.visual-header h2{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#0ff;letter-spacing:2px;margin:0}.stats-icon,.nav-icon,.visual-icon{font-size:1.3rem}.connection-gauge{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.gauge-svg{width:180px;height:180px;transform:rotate(0)}.gauge-svg circle{transition:stroke-dasharray 1s ease}.gauge-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-value{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.gauge-label{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:1fr;gap:1rem}.stat-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.stat-item:hover{border-color:#0ff6;background:#00ffff0d}.stat-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:700;text-shadow:0 0 10px currentColor}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.quick-stats-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,255,.2)}.quick-stats-header{display:flex;align-items:center;gap:8px;margin-bottom:1rem}.quick-stats-header h3{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;color:#0ff;letter-spacing:1px;margin:0}.quick-stats-icon{font-size:1rem}.quick-stat-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease}.quick-stat-card:hover{background:#00ffff0d;border-color:#00ffff4d;transform:translate(3px)}.quick-stat-card .quick-stat-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border-radius:8px;flex-shrink:0}.quick-stat-content{flex:1;display:flex;flex-direction:column;gap:2px}.quick-stat-label{font-size:.65rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.quick-stat-value{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;text-shadow:0 0 10px currentColor}.quick-stat-arrow{font-size:1rem;color:#0ff6;transition:all .3s ease}.quick-stat-card:hover .quick-stat-arrow{color:#0ff;transform:translate(3px)}.quick-stat-variation{font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px}.quick-stat-variation.positive{color:#22c55e;background:#22c55e1a}.quick-stat-variation.negative{color:#ef4444;background:#ef44441a}.quick-stat-mini-grid{display:flex;gap:.5rem}.mini-stat{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;padding:2px 8px;border-radius:4px}.mini-stat.pending{color:#f59e0b;background:#f59e0b26}.mini-stat.in-progress{color:#3b82f6;background:#3b82f626}.mini-stat.completed{color:#22c55e;background:#22c55e26}.nav-panel{background:#00142880;border:1px solid rgba(0,255,255,.15);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.nav-card{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:linear-gradient(135deg,#001e32cc,#001428e6);border:1px solid rgba(0,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.nav-card:hover{transform:translateY(-3px) scale(1.02);border-color:#0ff;background:linear-gradient(135deg,#003250e6,#001e32f2);box-shadow:0 10px 30px #0ff3,0 0 20px #00ffff1a}.nav-card-icon{font-size:2rem;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00ffff1a;border-radius:10px}.nav-card-content{flex:1;display:flex;flex-direction:column}.nav-card-title{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#fff;letter-spacing:1px}.nav-card-desc{font-size:.8rem;color:#ffffff80;margin-top:4px}.nav-card-arrow{font-size:1.5rem;color:#00ffff80;transition:all .3s ease}.nav-card:hover .nav-card-arrow{color:#0ff;transform:translate(5px);text-shadow:0 0 10px #00ffff}.events-alert-section{margin-top:1.5rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:12px;padding:1rem}.events-alert-header{display:flex;align-items:center;gap:8px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(245,158,11,.2)}.events-alert-header h3{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:#f59e0b;letter-spacing:1px;margin:0;flex:1}.events-alert-icon{font-size:1rem;animation:eventPulse 1.5s ease-in-out infinite}@keyframes eventPulse{0%,to{opacity:1}50%{opacity:.5}}.events-stats-summary{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;flex-wrap:wrap}.event-stat-item{display:flex;align-items:center;gap:4px;background:#00ffff1a;padding:3px 8px;border-radius:12px;border:1px solid rgba(0,255,255,.2)}.event-stat-code{font-family:Courier New,monospace;font-size:.75rem;font-weight:700;color:#0ff}.event-stat-percent{font-size:.75rem;font-weight:600;color:#f59e0b}.events-alert-period{font-size:.8rem;color:#f59e0bcc;background:#f59e0b26;padding:3px 10px;border-radius:10px;font-weight:600;flex-shrink:0}.events-loading{text-align:center;color:#ffffff80;font-size:.8rem;padding:1rem}.events-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:1rem;color:#22c55e;font-size:.85rem}.events-empty-icon{font-size:1.2rem;background:#22c55e33;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.events-list{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto}.event-alert-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#0003;border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.event-alert-indicator{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.event-alert-item.critical .event-alert-indicator{background:#dc2626;box-shadow:0 0 8px #dc2626}.event-alert-item.high .event-alert-indicator{background:#ea580c;box-shadow:0 0 8px #ea580c}.event-alert-item.medium .event-alert-indicator{background:#ca8a04;box-shadow:0 0 8px #ca8a04}.event-alert-item.low .event-alert-indicator{background:#65a30d;box-shadow:0 0 8px #65a30d}.event-alert-content{flex:1;min-width:0}.event-alert-top{display:flex;align-items:center;gap:.5rem;margin-bottom:2px}.event-alert-code{font-family:Courier New,monospace;font-size:.85rem;font-weight:700;color:#0ff;background:#00ffff1a;padding:2px 8px;border-radius:4px}.event-alert-name{font-size:.9rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-alert-bottom{display:flex;justify-content:space-between;align-items:center}.event-alert-meter{font-size:.8rem;color:#fff9;font-family:monospace}.event-alert-time{font-size:.8rem;color:#ffffff80}.events-more{text-align:center;font-size:.75rem;color:#f59e0bb3;padding:.5rem;border-top:1px solid rgba(245,158,11,.1);margin-top:.25rem}.top-consumers-section{margin-top:1.5rem;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:12px;padding:1rem}.top-consumers-header{display:flex;align-items:center;gap:8px;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(34,197,94,.2)}.top-consumers-header h3{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;color:#22c55e;letter-spacing:1px;margin:0;flex:1}.top-consumers-icon{font-size:1rem}.top-consumers-period{font-size:.65rem;color:#22c55eb3;background:#22c55e1a;padding:2px 8px;border-radius:10px}.top-consumers-loading,.top-consumers-empty{text-align:center;color:#ffffff80;font-size:.8rem;padding:1rem}.top-consumers-list{display:flex;flex-direction:column;gap:.5rem}.top-consumer-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#0003;border-radius:8px;transition:all .3s ease}.top-consumer-item:hover{background:#22c55e1a;transform:translate(3px)}.top-consumer-rank{flex-shrink:0}.rank-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#b8860b);color:#000;box-shadow:0 0 10px #ffd70080}.rank-badge.rank-2{background:linear-gradient(135deg,silver,gray);color:#000;box-shadow:0 0 8px #c0c0c080}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;box-shadow:0 0 8px #cd7f3280}.rank-badge.rank-4,.rank-badge.rank-5{background:#ffffff1a;color:#ffffffb3}.top-consumer-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-consumer-name{font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-consumer-meter{font-size:.65rem;color:#fff6;font-family:monospace}.top-consumer-value{flex-shrink:0}.consumer-consumption{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.5)}.top-consumers-view-all{width:100%;margin-top:.75rem;padding:.5rem;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.top-consumers-view-all:hover{background:linear-gradient(135deg,#22c55e4d,#22c55e26);box-shadow:0 0 15px #22c55e4d;transform:translateY(-2px)}.fraud-panel{background:#140a1ecc;border:1px solid rgba(220,38,38,.3);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;box-shadow:0 0 30px #dc26261a}.fraud-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(220,38,38,.3)}.fraud-header h2{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#dc2626;letter-spacing:2px;margin:0}.fraud-icon{font-size:1.3rem;animation:alertPulse 2s ease-in-out infinite}@keyframes alertPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.fraud-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:.9rem}.fraud-total{text-align:center;margin-bottom:1.5rem}.fraud-total-value{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:800;color:#dc2626;text-shadow:0 0 30px rgba(220,38,38,.6);display:block}.fraud-total-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:2px}.fraud-breakdown{display:flex;flex-direction:column;gap:.75rem;flex:1}.fraud-item{display:flex;align-items:center;gap:12px;padding:.75rem 1rem;background:#0000004d;border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid transparent}.fraud-item:hover{background:#00000080;transform:translate(5px)}.fraud-item-indicator{width:12px;height:12px;border-radius:50%;box-shadow:0 0 10px currentColor}.fraud-item.critical .fraud-item-indicator{background:#dc2626;box-shadow:0 0 15px #dc2626;animation:criticalBlink 1s ease-in-out infinite}.fraud-item.critical:hover{border-color:#dc262680}@keyframes criticalBlink{0%,to{opacity:1}50%{opacity:.5}}.fraud-item.high .fraud-item-indicator{background:#f97316;box-shadow:0 0 10px #f97316}.fraud-item.high:hover{border-color:#f9731680}.fraud-item.medium .fraud-item-indicator{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.fraud-item.medium:hover{border-color:#f59e0b80}.fraud-item.low .fraud-item-indicator{background:#22c55e;box-shadow:0 0 10px #22c55e}.fraud-item.low:hover{border-color:#22c55e80}.fraud-item-label{flex:1;font-size:.9rem;color:#fffc}.fraud-item-value{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;color:#fff}.fraud-item.critical .fraud-item-value{color:#dc2626}.fraud-item.high .fraud-item-value{color:#f97316}.fraud-item.medium .fraud-item-value{color:#f59e0b}.fraud-item.low .fraud-item-value{color:#22c55e}.fraud-view-all{margin-top:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc262633,#dc26261a);border:1px solid rgba(220,38,38,.4);border-radius:10px;color:#dc2626;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.fraud-view-all:hover{background:linear-gradient(135deg,#dc262666,#dc262633);box-shadow:0 0 20px #dc26264d;transform:translateY(-2px)}.region-section{position:relative;z-index:10;padding:0 3rem 2rem}.region-panel{background:#0f192dcc;border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.region-header{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,255,255,.2)}.region-header h2{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;color:#0ff;letter-spacing:2px;margin:0}.region-icon{font-size:1.3rem}.region-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#ffffff80;font-size:.9rem}.region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.region-card{background:#0a1428f2;border:1px solid rgba(255,255,255,.1);border-left:4px solid #00ffff;border-radius:12px;padding:1rem 1.25rem;transition:all .3s ease}.region-card:hover{background:#0f1e32fa;border-color:#00ffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00ffff26}.region-name{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.75rem;letter-spacing:1px;text-shadow:0 0 5px rgba(0,0,0,.5)}.region-stats{display:flex;justify-content:space-between;gap:1rem}.region-stat{display:flex;flex-direction:column;align-items:flex-start}.region-stat-value{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 3px rgba(0,0,0,.8)}.region-stat-label{font-size:.65rem;color:#c8dcffb3;letter-spacing:1px;margin-top:2px;text-transform:uppercase;text-shadow:0 0 2px rgba(0,0,0,.5)}.home-footer{position:relative;z-index:10;display:flex;justify-content:center;align-items:center;gap:3rem;padding:1rem 3rem;background:linear-gradient(180deg,#00142800,#001428e6);border-top:1px solid rgba(0,255,255,.1)}.status-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#fff9}.status-dot{width:10px;height:10px;border-radius:50%;animation:statusBlink 2s ease-in-out infinite}.status-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.status-label{color:#fff6}.status-value{color:#0ff;font-weight:600}@media (max-width: 1600px){.home-main{grid-template-columns:300px 1fr 350px;padding:1.75rem 2.5rem;gap:1.5rem}}@media (max-width: 1400px){.home-main{grid-template-columns:280px 1fr 320px;padding:1.5rem 2rem}.main-title{font-size:2rem;letter-spacing:3px}.gauge-svg{width:160px;height:160px}.gauge-value{font-size:2rem}.fraud-total-value{font-size:3rem}}@media (max-width: 1200px){.home-main{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.stats-panel{grid-column:1 / 2;grid-row:1 / 2}.fraud-panel{grid-column:2 / 3;grid-row:1 / 2}.nav-panel{grid-column:1 / 3;grid-row:2 / 3}.nav-grid{grid-template-columns:repeat(3,1fr)}.region-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 992px){.home-header-futuristic{padding:1.25rem 2rem}.main-title{font-size:1.8rem;letter-spacing:2px}.datetime-display .time{font-size:1.5rem}.home-main{padding:1.5rem}.nav-grid{grid-template-columns:repeat(2,1fr)}.gauge-svg{width:140px;height:140px}.gauge-value{font-size:1.8rem}.fraud-total-value{font-size:2.5rem}.region-section{padding:0 2rem 1.5rem}}@media (max-width: 900px){.home-header-futuristic{flex-direction:column;gap:1rem;text-align:center;padding:1rem 1.5rem}.logo-section{flex-direction:column;gap:1rem}.logo-img{width:50px;height:50px}.datetime-display{align-items:center}.home-main{grid-template-columns:1fr;gap:1.5rem;padding:1.25rem}.stats-panel,.fraud-panel,.nav-panel{grid-column:1;grid-row:auto}.nav-card{padding:1rem 1.25rem}.nav-card-icon{min-width:45px;height:45px;font-size:1.8rem}.home-footer{flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.region-section{padding:0 1.5rem 1.5rem}.region-grid{grid-template-columns:1fr}}@media (max-width: 768px){.home-header-futuristic{padding:1rem}.main-title{font-size:1.6rem;letter-spacing:2px}.subtitle{font-size:.8rem}.datetime-display .time{font-size:1.4rem}.datetime-display .date{font-size:.75rem}.home-main{padding:1rem;gap:1.25rem}.stats-panel,.fraud-panel,.nav-panel,.region-panel{padding:1.25rem}.stats-header h2,.fraud-header h2,.nav-header h2,.region-header h2{font-size:.9rem}.gauge-svg{width:150px;height:150px}.gauge-value{font-size:1.9rem}.stat-value{font-size:1.4rem}.stat-label{font-size:.7rem}.fraud-total-value{font-size:2.8rem}.nav-grid{grid-template-columns:1fr;gap:.75rem}.nav-card{padding:1rem}.nav-card-icon{min-width:40px;height:40px;font-size:1.6rem}.nav-card-title{font-size:.95rem}.nav-card-desc{font-size:.75rem}.quick-stat-card{padding:.6rem}.quick-stat-value{font-size:.95rem}.events-alert-section,.top-consumers-section{padding:.85rem}.events-list{max-height:180px}.region-section{padding:0 1rem 1.25rem}.region-panel{padding:1.25rem}.region-card{padding:.85rem 1rem}.home-footer{padding:.85rem 1rem;gap:.75rem;font-size:.75rem}}@media (max-width: 600px){.logo-img{width:45px;height:45px}.main-title{font-size:1.3rem;letter-spacing:1px}.subtitle{font-size:.7rem;letter-spacing:1px}.datetime-display .time{font-size:1.2rem}.datetime-display .date{font-size:.7rem}.home-main{padding:.75rem;gap:1rem}.stats-panel,.fraud-panel,.nav-panel,.region-panel{padding:1rem;border-radius:12px}.stats-header,.fraud-header,.nav-header,.region-header{margin-bottom:1rem;padding-bottom:.75rem}.stats-header h2,.fraud-header h2,.nav-header h2,.region-header h2{font-size:.8rem;letter-spacing:1px}.stats-icon,.fraud-icon,.nav-icon,.region-icon{font-size:1.1rem}.gauge-svg{width:130px;height:130px}.gauge-value{font-size:1.6rem}.gauge-label{font-size:.7rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.fraud-total-value{font-size:2.5rem}.fraud-total-label{font-size:.75rem}.fraud-item{padding:.6rem .75rem;gap:10px}.fraud-item-label{font-size:.8rem}.fraud-item-value{font-size:1.05rem}.nav-card{padding:.85rem 1rem;gap:.75rem}.nav-card-icon{min-width:38px;height:38px;font-size:1.5rem}.nav-card-title{font-size:.85rem}.nav-card-desc{font-size:.7rem}.nav-card-arrow{font-size:1.3rem}.quick-stats-section{margin-top:1.25rem;padding-top:1.25rem}.quick-stats-header h3{font-size:.7rem}.quick-stat-card{padding:.55rem;gap:.6rem}.quick-stat-card .quick-stat-icon{width:28px;height:28px;font-size:1.1rem}.quick-stat-label{font-size:.6rem}.quick-stat-value{font-size:.85rem}.events-alert-section,.top-consumers-section{padding:.75rem;margin-top:1.25rem}.events-alert-header h3,.top-consumers-header h3{font-size:.7rem}.events-alert-icon,.top-consumers-icon{font-size:.9rem}.events-list{max-height:150px;gap:.4rem}.event-alert-item{padding:.4rem}.event-alert-code{font-size:.65rem}.event-alert-name{font-size:.7rem}.event-alert-meter,.event-alert-time{font-size:.6rem}.top-consumer-item{padding:.4rem;gap:.6rem}.rank-badge{width:22px;height:22px;font-size:.7rem}.top-consumer-name{font-size:.75rem}.top-consumer-meter{font-size:.6rem}.consumer-consumption{font-size:.8rem}.region-section{padding:0 .75rem 1rem}.region-panel{padding:1rem}.region-header{margin-bottom:1.25rem;padding-bottom:.75rem}.region-card{padding:.75rem}.region-name{font-size:.85rem;margin-bottom:.6rem}.region-stat-value{font-size:1rem}.region-stat-label{font-size:.6rem}.home-footer{padding:.75rem;gap:.6rem;font-size:.7rem}.status-dot{width:8px;height:8px}}@media (max-width: 480px){.home-header-futuristic{padding:.75rem}.logo-img{width:40px;height:40px}.main-title{font-size:1.1rem}.subtitle{font-size:.65rem}.datetime-display .time{font-size:1.1rem}.home-main{padding:.6rem;gap:.85rem}.stats-panel,.fraud-panel,.nav-panel,.region-panel{padding:.85rem}.gauge-svg{width:120px;height:120px}.gauge-value{font-size:1.4rem}.fraud-total-value{font-size:2.2rem}.nav-card{padding:.75rem}.region-section{padding:0 .6rem .85rem}}@media (max-width: 900px) and (max-height: 600px) and (orientation: landscape){.home-header-futuristic{padding:.75rem 1.5rem}.logo-img{width:40px;height:40px}.main-title{font-size:1.3rem}.subtitle{display:none}.datetime-display .time{font-size:1.2rem}.home-main{grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:1rem;gap:1rem}.stats-panel{grid-column:1 / 2}.fraud-panel{grid-column:2 / 3}.nav-panel{grid-column:1 / 3}.gauge-svg{width:120px;height:120px}.region-section{padding:0 1rem 1rem}.region-grid{grid-template-columns:repeat(2,1fr)}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.control-room{display:flex;flex-direction:column;height:100vh;width:100%;background:linear-gradient(135deg,#0a0f1e,#1a1f35,#0a0f1e);color:#fff;font-family:Roboto,Segoe UI,sans-serif;overflow:hidden}.cr-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0006;border-bottom:1px solid rgba(0,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cr-logo{display:flex;align-items:center;gap:1rem}.cr-logo-img{height:50px;width:auto;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}.cr-title h1{font-size:2rem;font-weight:900;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.5);margin:0;letter-spacing:3px}.cr-subtitle{font-size:.9rem;color:#fff9;letter-spacing:2px}.cr-clock{display:flex;flex-direction:column;align-items:flex-end}.cr-time{font-size:2.5rem;font-weight:700;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.5);font-family:Courier New,monospace}.cr-date{font-size:.95rem;color:#ffffffb3;text-transform:capitalize}.cr-content{flex:1;display:grid;grid-template-columns:280px 1fr 300px;gap:1rem;padding:1rem;min-height:0}.cr-sidebar-left,.cr-sidebar-right{display:flex;flex-direction:column;gap:1rem}.cr-panel{background:#00142899;border:1px solid rgba(0,255,255,.15);border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cr-panel h3{font-size:.85rem;color:#0ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.cr-dual-gauge-panel{flex-shrink:0;display:flex;gap:.5rem;padding:.75rem!important}.cr-gauge-wrapper{flex:1;text-align:center}.cr-gauge-wrapper h3{font-size:.7rem;color:#0ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:1px solid rgba(0,255,255,.2)}.cr-gauge-panel{flex-shrink:0}.cr-gauge{position:relative;width:180px;height:180px;margin:0 auto}.cr-gauge.cr-gauge-small{width:110px;height:110px}.cr-gauge svg{width:100%;height:100%}.cr-gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.cr-gauge-number{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,255,255,.5)}.cr-gauge-small .cr-gauge-number{font-size:1.4rem}.cr-gauge-percent{font-size:1.2rem;color:#ffffffb3}.cr-gauge-small .cr-gauge-percent{font-size:.7rem}.cr-gauge-detail{font-size:.65rem;color:#ffffff80;margin-top:.3rem}.cr-stats-panel,.cr-data-panel{flex:1}.cr-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.cr-stat-item:last-child{border-bottom:none}.cr-stat-label{font-size:.9rem;color:#ffffffb3}.cr-stat-value{font-size:1.3rem;font-weight:700}.cr-stat-value.cyan{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.cr-stat-value.green{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.5)}.cr-stat-value.red{color:#ef4444;text-shadow:0 0 10px rgba(239,68,68,.5)}.cr-stat-value.orange{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.5)}.cr-map-container{display:flex;flex-direction:column;min-height:0}.cr-map-container>.cr-map-header,.cr-map-container>.cr-map{background:#00142899;border:1px solid rgba(0,255,255,.15)}.cr-map-container>.cr-map-header{border-radius:12px 12px 0 0;border-bottom:none}.cr-map-container>.cr-map{border-radius:0;border-top:none;border-bottom:none}.cr-map-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.cr-map-header h3{font-size:.85rem;color:#0ff;text-transform:uppercase;letter-spacing:2px;margin:0}.cr-map-legend{display:flex;gap:1.5rem}.cr-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#fffc}.cr-dot{width:10px;height:10px;border-radius:50%}.cr-dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e99}.cr-dot.red{background:#ef4444;box-shadow:0 0 8px #ef444499}.cr-dot.orange{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.cr-map{flex:1;min-height:400px}.cr-map-loading{display:flex;justify-content:center;align-items:center;height:100%;color:#ffffff80;font-size:1.2rem}.cr-map .leaflet-container{background:#0a0f1e}.cr-popup{font-size:.9rem;line-height:1.4}.cr-popup-enhanced{font-family:Roboto,Segoe UI,sans-serif;color:#1a1a2e;min-width:250px}.cr-popup-loading{text-align:center;padding:1rem;color:#666}.cr-popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:2px solid #e0e0e0}.cr-popup-status{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.cr-popup-status.online{background:#dcfce7;color:#166534}.cr-popup-status.offline{background:#fee2e2;color:#991b1b}.cr-popup-status.unknown{background:#fef3c7;color:#92400e}.cr-popup-meter-number{font-weight:700;font-size:.9rem;color:#1a1a2e;font-family:Courier New,monospace}.cr-popup-customer{margin-bottom:.75rem}.cr-popup-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8rem}.cr-popup-label{color:#666;font-weight:500}.cr-popup-value{color:#1a1a2e;font-weight:600;text-align:right;max-width:60%}.cr-popup-address{font-size:.75rem;word-break:break-word}.cr-popup-section{margin-top:.75rem;padding-top:.5rem;border-top:1px solid #e0e0e0}.cr-popup-section-title{font-size:.7rem;font-weight:700;color:#00a8cc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.cr-popup-consumption{display:flex;flex-direction:column;gap:.2rem}.cr-popup-conso-row{display:flex;justify-content:space-between;padding:.2rem .4rem;background:#f8f9fa;border-radius:3px;font-size:.75rem}.cr-popup-conso-date{color:#666}.cr-popup-conso-value{font-weight:600;color:#00a8cc}.cr-popup-basic{font-size:.85rem;line-height:1.5}.cr-popup-basic small{color:#888;font-style:italic}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 20px #00000040}.leaflet-popup-content{margin:10px 12px}.cr-fraud-panel{flex-shrink:0}.cr-fraud-total{text-align:center;margin-bottom:1rem}.cr-fraud-number{font-size:3rem;font-weight:900;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.5);display:block}.cr-fraud-label{font-size:.85rem;color:#fff9}.cr-fraud-breakdown{display:flex;flex-direction:column;gap:.5rem}.cr-fraud-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:6px;background:#0003;cursor:pointer;transition:background .2s}.cr-fraud-item:hover{background:#ffffff1a}.cr-fraud-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.cr-fraud-item.critical .cr-fraud-indicator{background:#dc2626;box-shadow:0 0 10px #dc2626}.cr-fraud-item.high .cr-fraud-indicator{background:#ea580c;box-shadow:0 0 10px #ea580c}.cr-fraud-item.medium .cr-fraud-indicator{background:#ca8a04;box-shadow:0 0 10px #ca8a04}.cr-fraud-item.low .cr-fraud-indicator{background:#65a30d;box-shadow:0 0 10px #65a30d}.cr-fraud-name{flex:1;font-size:.85rem;color:#fffc}.cr-fraud-count{font-size:1.1rem;font-weight:700;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cr-fraud-events-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#fff9;text-align:center}.cr-fraud-events-count{color:#f59e0b;font-weight:700}.cr-weather-panel{flex-shrink:0}.cr-weather-main{display:flex;align-items:baseline;justify-content:center;gap:.75rem;margin-bottom:.75rem}.cr-weather-temp{font-size:2rem;font-weight:900;color:#f59e0b;text-shadow:0 0 15px rgba(245,158,11,.5)}.cr-weather-condition{font-size:.9rem;color:#ffffffb3}.cr-weather-details{display:flex;justify-content:center;gap:1.5rem;margin-bottom:.5rem}.cr-weather-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#ffffffb3}.cr-weather-icon{font-size:1rem}.cr-weather-note{font-size:.7rem;color:#ffffff80;text-align:center;padding:.5rem;background:#f59e0b1a;border-radius:4px;border-left:2px solid #f59e0b}.cr-events-panel{flex-shrink:0}.cr-events-list{display:flex;flex-direction:column;gap:.4rem}.cr-event-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:4px;background:#0003;font-size:.75rem}.cr-event-item.critical{border-left:3px solid #dc2626}.cr-event-item.high{border-left:3px solid #ea580c}.cr-event-item.medium{border-left:3px solid #ca8a04}.cr-event-item.low{border-left:3px solid #65a30d}.cr-event-code{font-family:Courier New,monospace;color:#0ff;font-weight:600;min-width:50px}.cr-event-name{flex:1;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-event-count{font-weight:700;color:#fff;background:#ffffff1a;padding:.15rem .4rem;border-radius:3px;min-width:30px;text-align:center}.cr-hourly-section{background:#00142899;border:1px solid rgba(0,255,255,.15);border-top:none;border-radius:0 0 12px 12px;padding:.75rem 1rem;margin-top:-1px}.cr-hourly-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,255,255,.1)}.cr-hourly-header h3{font-size:.8rem;color:#0ff;text-transform:uppercase;letter-spacing:2px;margin:0}.cr-hourly-subtitle{font-size:.7rem;color:#fff6;font-style:italic}.cr-hourly-bars{display:flex;align-items:flex-end;gap:4px;height:80px;padding:0 .5rem}.cr-hourly-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}.cr-hourly-bar-value{font-size:.55rem;color:#fff9;margin-bottom:4px;height:14px;white-space:nowrap}.cr-hourly-bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.cr-hourly-bar{width:100%;max-width:24px;background:linear-gradient(to top,#0ff,#0f9);border-radius:3px 3px 0 0;min-height:3px;box-shadow:0 0 10px #0ff6;transition:height .3s ease}.cr-hourly-bar:hover{box-shadow:0 0 15px #00ffffb3}.cr-hourly-bar-label{font-size:.6rem;color:#ffffff80;margin-top:4px;white-space:nowrap}.cr-quality-panel{flex-shrink:0}.cr-quality-loading{text-align:center;color:#ffffff80;padding:1rem;font-size:.85rem}.cr-quality-score{display:flex;justify-content:center;margin-bottom:.75rem}.cr-quality-gauge{position:relative;width:80px;height:80px}.cr-quality-gauge svg{width:100%;height:100%}.cr-quality-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:900;text-shadow:0 0 10px currentColor}.cr-quality-details{display:flex;flex-direction:column;gap:.5rem}.cr-quality-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.cr-quality-label{width:70px;color:#fff9;flex-shrink:0}.cr-quality-bar-wrapper{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.cr-quality-bar{height:100%;border-radius:3px;transition:width .5s ease;box-shadow:0 0 5px currentColor}.cr-quality-percent{width:35px;text-align:right;font-weight:600;color:#fffc}.cr-consumption-panel{flex-shrink:0}.cr-consumption-loading{text-align:center;color:#ffffff80;padding:1rem;font-size:.85rem}.cr-consumption-content{text-align:center}.cr-consumption-value{font-size:1.6rem;font-weight:900;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.5);margin-bottom:.5rem}.cr-consumption-variation{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.cr-consumption-variation.positive{background:#22c55e26;color:#22c55e}.cr-consumption-variation.negative{background:#ef444426;color:#ef4444}.cr-variation-label{font-size:.7rem;opacity:.7}.cr-interventions-panel{flex-shrink:0}.cr-interventions-loading{text-align:center;color:#ffffff80;padding:1rem;font-size:.85rem}.cr-interventions-total{text-align:center;margin-bottom:.75rem}.cr-interventions-number{font-size:2rem;font-weight:900;color:#3b82f6;text-shadow:0 0 15px rgba(59,130,246,.5);display:block}.cr-interventions-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase}.cr-interventions-breakdown{display:flex;flex-direction:column;gap:.4rem}.cr-intervention-item{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:6px;background:#0003;font-size:.8rem}.cr-intervention-indicator{width:8px;height:8px;border-radius:50%}.cr-intervention-item.pending .cr-intervention-indicator{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.cr-intervention-item.in-progress .cr-intervention-indicator{background:#3b82f6;box-shadow:0 0 8px #3b82f6;animation:pulse 1.5s infinite}.cr-intervention-item.completed .cr-intervention-indicator{background:#22c55e;box-shadow:0 0 8px #22c55e}.cr-intervention-name{flex:1;color:#fffc}.cr-intervention-count{font-weight:700;color:#fff;min-width:30px;text-align:right}.cr-top-consumers-panel{flex-shrink:0}.cr-top-consumers-list{display:flex;flex-direction:column;gap:.4rem}.cr-top-consumer-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:#0003;border-radius:6px;font-size:.75rem}.cr-consumer-rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.cr-consumer-rank.rank-1{background:linear-gradient(135deg,gold,#b8860b);color:#000;box-shadow:0 0 8px #ffd70080}.cr-consumer-rank.rank-2{background:linear-gradient(135deg,silver,gray);color:#000}.cr-consumer-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.cr-consumer-rank.rank-4,.cr-consumer-rank.rank-5{background:#ffffff26;color:#ffffffb3}.cr-consumer-info{flex:1;min-width:0;display:flex;flex-direction:column}.cr-consumer-name{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem}.cr-consumer-meter{color:#fff6;font-size:.6rem;font-family:monospace}.cr-consumer-value{font-weight:700;color:#22c55e;text-shadow:0 0 5px rgba(34,197,94,.5);font-size:.75rem;white-space:nowrap}.cr-system-panel{flex-shrink:0}.cr-system-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.85rem;color:#fffc}.cr-system-dot{width:10px;height:10px;border-radius:50%}.cr-system-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55e99;animation:pulse 2s infinite}.cr-system-dot.offline{background:#ef4444;box-shadow:0 0 10px #ef444499}.cr-footer{display:flex;justify-content:space-around;align-items:center;padding:.75rem 2rem;background:#0006;border-top:1px solid rgba(0,255,255,.2)}.cr-footer-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#fffc}.cr-footer-dot{width:8px;height:8px;border-radius:50%}.cr-footer-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s infinite}.cr-footer-label{color:#ffffff80}@media (min-width: 1920px){.cr-header{padding:1.5rem 3rem}.cr-title h1{font-size:2.5rem}.cr-time{font-size:3rem}.cr-content{grid-template-columns:320px 1fr 350px;gap:1.5rem;padding:1.5rem}.cr-gauge{width:200px;height:200px}.cr-gauge-number{font-size:3rem}.cr-stat-value{font-size:1.5rem}.cr-fraud-number{font-size:3.5rem}}@media (min-width: 2560px){.cr-content{grid-template-columns:400px 1fr 420px}.cr-gauge{width:240px;height:240px}.cr-panel{padding:1.5rem}.cr-panel h3{font-size:1rem}}@media (max-width: 1600px){.cr-content{grid-template-columns:260px 1fr 280px;gap:.75rem}.cr-gauge{width:150px;height:150px}.cr-gauge-small{width:95px;height:95px}}@media (max-width: 1400px){.cr-content{grid-template-columns:250px 1fr 260px}.cr-panel h3{font-size:.75rem}.cr-stat-label{font-size:.8rem}.cr-stat-value{font-size:1.1rem}}@media (max-width: 1200px){.cr-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:1rem;overflow-y:auto}.control-room{overflow-y:auto}.cr-sidebar-left,.cr-sidebar-right{flex-direction:row;flex-wrap:wrap;overflow:visible}.cr-panel{flex:1 1 calc(33.333% - 1rem);min-width:220px;max-width:100%}.cr-dual-gauge-panel{flex:1 1 calc(50% - .5rem);min-width:280px}.cr-map{min-height:350px}.cr-hourly-bars{height:60px}}@media (max-width: 992px){.cr-header{padding:1rem 1.5rem}.cr-title h1{font-size:1.6rem;letter-spacing:2px}.cr-time{font-size:2rem}.cr-panel{flex:1 1 calc(50% - .5rem);min-width:200px}.cr-map-legend{gap:1rem}.cr-legend-item{font-size:.75rem}}@media (max-width: 768px){.cr-header{flex-direction:column;gap:1rem;text-align:center;padding:1rem}.cr-logo{justify-content:center}.cr-logo-img{height:40px}.cr-clock{align-items:center}.cr-title h1{font-size:1.3rem;letter-spacing:1px}.cr-subtitle{font-size:.75rem}.cr-time{font-size:1.8rem}.cr-date{font-size:.8rem}.cr-content{padding:.75rem;gap:.75rem}.cr-sidebar-left,.cr-sidebar-right{flex-direction:column}.cr-panel{flex:1 1 100%;min-width:100%}.cr-dual-gauge-panel{flex-direction:column}.cr-gauge-wrapper{margin:0 auto}.cr-map{min-height:300px}.cr-map-header{flex-direction:column;gap:.5rem;align-items:flex-start}.cr-map-legend{flex-wrap:wrap;gap:.75rem}.cr-hourly-bars{height:50px;gap:2px}.cr-hourly-bar{max-width:18px}.cr-hourly-bar-value{font-size:.5rem}.cr-hourly-bar-label{font-size:.55rem}.cr-footer{flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.75rem 1rem}.cr-footer-item{font-size:.75rem}}@media (max-width: 576px){.cr-header{padding:.75rem}.cr-title h1{font-size:1.1rem}.cr-time{font-size:1.5rem}.cr-content{padding:.5rem}.cr-panel{padding:.75rem}.cr-panel h3{font-size:.7rem;margin-bottom:.75rem}.cr-gauge{width:130px;height:130px}.cr-gauge-small{width:85px;height:85px}.cr-gauge-number{font-size:2rem}.cr-gauge-small .cr-gauge-number{font-size:1.2rem}.cr-stat-label{font-size:.75rem}.cr-stat-value{font-size:1rem}.cr-fraud-number{font-size:2.5rem}.cr-interventions-number{font-size:1.6rem}.cr-consumption-value{font-size:1.3rem}.cr-map{min-height:250px}.cr-hourly-section{padding:.5rem}.cr-hourly-bars{padding:0}}@media (max-height: 600px){.control-room{overflow-y:auto}.cr-header{padding:.5rem 1rem}.cr-logo-img{height:35px}.cr-title h1{font-size:1.2rem}.cr-time{font-size:1.5rem}.cr-content{padding:.5rem;gap:.5rem}.cr-panel{padding:.75rem}.cr-map{min-height:200px}}@media (max-width: 992px) and (max-height: 600px) and (orientation: landscape){.cr-header{padding:.5rem 1rem}.cr-logo{gap:.5rem}.cr-logo-img{height:30px}.cr-title h1{font-size:1rem}.cr-subtitle{display:none}.cr-time{font-size:1.3rem}.cr-date{font-size:.7rem}.cr-content{grid-template-columns:200px 1fr 200px;padding:.5rem}.cr-panel{padding:.5rem}.cr-gauge{width:100px;height:100px}.cr-gauge-small{width:70px;height:70px}.cr-map{min-height:250px}.cr-footer{padding:.5rem}}.intervention-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;color:#fff;width:100%;box-sizing:border-box}.intervention-header{text-align:center;margin-bottom:2rem;position:relative}.intervention-header h1{font-size:2.5rem;font-weight:900;color:#f44;text-shadow:0 0 15px #ff4444,0 0 30px #ff6666;margin-bottom:.5rem}.intervention-header p{font-size:1.2rem;color:#aaa;margin-bottom:1rem}.total-counter{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem 0}.counter-badge{background:linear-gradient(135deg,#ff44444d,#ff44441a);border:2px solid #ff4444;border-radius:16px;padding:1.5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:0 0 30px #ff44444d;animation:pulse 2s ease-in-out infinite}.counter-badge.selected{background:linear-gradient(135deg,#00ffff4d,#00ffff1a);border:2px solid #00ffff;box-shadow:0 0 30px #00ffff4d;animation:none}.counter-badge.selected .counter-number{color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.8)}.counter-badge.selected .counter-label{color:#aff}@keyframes pulse{0%,to{box-shadow:0 0 30px #ff44444d}50%{box-shadow:0 0 40px #f449}}.counter-number{font-size:3.5rem;font-weight:900;color:#f44;text-shadow:0 0 20px rgba(255,68,68,.8);line-height:1}.counter-label{font-size:1.1rem;font-weight:600;color:#faa;text-transform:uppercase;letter-spacing:1px}.header-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.refresh-btn,.export-btn,.bulk-ticket-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.refresh-btn{background:linear-gradient(135deg,#0ff,#0f9);color:#000}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}.export-btn{background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #ff950080}.bulk-ticket-btn{background:linear-gradient(135deg,#0f9,#0ff);color:#000;font-weight:800}.bulk-ticket-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #0ff9}.refresh-btn:disabled,.export-btn:disabled,.bulk-ticket-btn:disabled{opacity:.5;cursor:not-allowed}.meters-table-container{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(255,68,68,.3);box-shadow:0 0 20px #ff44441a;max-width:1400px;margin:0 auto}.meters-table{width:100%;border-collapse:collapse;margin-top:1rem}.meters-table thead{background:#f443;border-bottom:2px solid #ff4444}.meters-table th{padding:1rem;text-align:left;color:#f66;font-weight:700;font-size:.95rem;text-transform:uppercase}.meters-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.meters-table tbody tr.clickable-row{cursor:pointer}.meters-table tbody tr:hover{background:#ff44441a}.meters-table tbody tr.selected-row{background:#00ffff26;border-left:4px solid #00ffff}.meters-table tbody tr.selected-row:hover{background:#00ffff40}.meters-table td{padding:1rem;color:#fff}.meter-code{font-weight:700;color:#0ff;font-size:1.05rem;cursor:pointer}.checkbox-cell{width:50px;text-align:center;padding:.5rem!important}.checkbox-cell input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#00ffff;border-radius:4px}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.offline{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.5)}.date-info{display:flex;flex-direction:column;gap:.3rem}.date-label{color:#fff;font-size:.9rem}.date-add{color:#888;font-size:.8rem}.view-btn{padding:.5rem 1rem;background:#0ff3;border:1px solid rgba(0,255,255,.5);border-radius:6px;color:#0ff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.view-btn:hover{background:#00ffff4d;box-shadow:0 0 10px #00ffff80}.no-data{text-align:center;padding:3rem;color:#aaa}.no-data h2{color:#0f9;font-size:2rem;margin-bottom:1rem}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 40px #00ffff4d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.modal-header h2{color:#0ff;font-size:1.5rem;margin:0}.close-btn{background:#f443;border:1px solid rgba(255,68,68,.5);border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#f44;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:#f446;transform:rotate(90deg)}.meter-info-section,.customer-info-section{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(0,255,255,.2)}.meter-info-section h3,.customer-info-section h3{color:#0f9;font-size:1.2rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.info-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-row:last-child{border-bottom:none}.info-row .label{color:#888;font-size:.95rem;font-weight:500}.info-row .value{color:#fff;font-weight:600;text-align:right}.info-row .value.highlight{color:#0ff;font-size:1.1rem;text-shadow:0 0 8px rgba(0,255,255,.5)}.error-message{text-align:center;padding:2rem;color:#f44;font-size:1rem;background:#ff44441a;border-radius:8px;border:1px solid rgba(255,68,68,.3)}.modal-footer{padding:1.5rem;border-top:1px solid rgba(0,255,255,.2);display:flex;justify-content:space-between;gap:1rem}.btn-intervention{padding:.8rem 1.5rem;background:linear-gradient(135deg,#ff6b00,#ff9500);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-intervention:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #ff6b0080}.btn-intervention:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.8rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-secondary:hover{background:#fff3;border-color:#0ff;color:#0ff}@media (max-width: 1024px){.intervention-header h1{font-size:2rem}.meters-table{font-size:.9rem}.meters-table th,.meters-table td{padding:.8rem}}@media (max-width: 768px){.intervention-container{padding:1rem}.intervention-header h1{font-size:1.5rem}.meters-table-container{padding:1rem;overflow-x:auto}.meters-table{min-width:800px}.modal-content{width:95%;max-height:90vh}}.bulk-result-modal{max-width:800px}.success-header{background:linear-gradient(135deg,#0f93,#00ff990d);border-bottom:2px solid #00ff99}.success-header h2{color:#0f9}.bulk-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#00ffff26,#00ffff0d);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.summary-number{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.6)}.summary-label{font-size:.9rem;color:#aff;text-transform:uppercase;letter-spacing:.5px}.zone-summary-section{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(0,255,153,.2)}.zone-summary-section h3{color:#0f9;margin-bottom:1rem;font-size:1.1rem}.zone-list{display:flex;flex-direction:column;gap:.75rem}.zone-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#00ff991a;border-radius:8px;border-left:3px solid #00ff99}.zone-name{font-weight:700;color:#fff;font-size:1rem}.zone-stats{color:#aaa;font-size:.9rem}.tickets-list-section{background:#0000004d;border-radius:12px;padding:1.5rem;border:1px solid rgba(0,255,255,.2)}.tickets-list-section h3{color:#0ff;margin-bottom:1rem;font-size:1.1rem}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.tickets-grid::-webkit-scrollbar{width:6px}.tickets-grid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.tickets-grid::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.ticket-card{background:linear-gradient(135deg,#00ffff1a,#00ffff05);border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s ease}.ticket-card:hover{border-color:#0ff;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.ticket-header{display:flex;justify-content:space-between;align-items:center}.ticket-zone{font-size:.85rem;font-weight:700;color:#0f9;background:#00ff9926;padding:.25rem .6rem;border-radius:4px}.ticket-batch{font-size:.75rem;color:#888;background:#ffffff1a;padding:.2rem .5rem;border-radius:4px}.ticket-body{display:flex;justify-content:space-between;align-items:center}.ticket-id{font-size:1.3rem;font-weight:900;color:#0ff}.ticket-meters{font-size:.85rem;color:#aaa}.ticket-link{display:block;text-align:center;padding:.5rem;background:#00ffff26;border-radius:6px;color:#0ff;text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s ease}.ticket-link:hover{background:#00ffff4d;text-shadow:0 0 10px rgba(0,255,255,.8)}.btn-primary{padding:.8rem 2rem;background:linear-gradient(135deg,#0ff,#0f9);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #00ffff80}@media (max-width: 600px){.bulk-summary,.tickets-grid{grid-template-columns:1fr}.summary-number{font-size:2rem}}.reports-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;color:#fff;width:100%;box-sizing:border-box}.reports-header{text-align:center;margin-bottom:2rem}.reports-header h1{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 15px #00ffff,0 0 30px #00ffff;margin-bottom:.5rem}.reports-header p{font-size:1.1rem;color:#aaa}.summary-section{background:#ffffff0d;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(0,255,255,.2)}.summary-section h2{color:#0ff;margin-bottom:1.5rem;font-size:1.3rem}.summary-cards{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.summary-card{background:#0000004d;border-radius:12px;padding:1.5rem 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);min-width:150px}.summary-card.highlight{background:linear-gradient(135deg,#0ff3,#00ffff0d);border-color:#0ff}.card-value{font-size:2.5rem;font-weight:900;color:#fff}.summary-card.highlight .card-value{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.card-label{font-size:.9rem;color:#aaa;text-transform:uppercase;letter-spacing:1px}.hourly-chart{margin-top:2rem}.hourly-chart h3{color:#fff;margin-bottom:1rem;font-size:1.1rem}.chart-container{display:flex;align-items:flex-end;gap:4px;height:200px;padding:1rem;background:#0003;border-radius:8px;overflow-x:auto}.chart-bar-container{display:flex;flex-direction:column;align-items:center;min-width:40px;height:100%;justify-content:flex-end}.chart-bar{width:30px;min-height:20px;background:linear-gradient(to top,#0ff,#0f9);border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;transition:all .3s ease}.chart-bar.good{background:linear-gradient(to top,#0f9,#0ff)}.chart-bar.warning{background:linear-gradient(to top,#fa0,#fc0)}.chart-bar.bad{background:linear-gradient(to top,#f44,#f66)}.chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.02)}.bar-value{font-size:.7rem;font-weight:700;color:#000;padding-top:4px;white-space:nowrap}.bar-label{font-size:.7rem;color:#888;margin-top:4px;transform:rotate(-45deg);white-space:nowrap}.controls-section{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#ffffff0d;border-radius:12px;padding:1.5rem}.date-selector{display:flex;align-items:center;gap:1rem}.date-selector label{color:#aaa;font-weight:600}.date-selector input[type=date]{padding:.7rem 1rem;border-radius:8px;border:1px solid rgba(0,255,255,.3);background:#0000004d;color:#fff;font-size:1rem;cursor:pointer}.date-selector input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.action-buttons{display:flex;gap:1rem}.btn-record,.btn-refresh{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-record{background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff}.btn-record:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #ff950080}.btn-refresh{background:linear-gradient(135deg,#0ff,#0f9);color:#000}.btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #00ffff80}.btn-record:disabled,.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.files-section{margin-bottom:2rem}.files-section h3{color:#fff;margin-bottom:1rem}.files-list{display:flex;gap:.5rem;flex-wrap:wrap}.file-btn{padding:.6rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem}.file-btn:hover{background:#ffffff1a;border-color:#0ff}.file-btn.active{background:linear-gradient(135deg,#00ffff4d,#00ffff1a);border-color:#0ff;color:#0ff}.file-btn.download{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:#9b59b6}.file-btn.download:hover{box-shadow:0 0 15px #9b59b680}.error-message{background:#f443;border:1px solid #ff4444;border-radius:8px;padding:1rem;color:#f66;margin-bottom:2rem;text-align:center}.loading{text-align:center;padding:3rem;color:#0ff;font-size:1.2rem}.no-data{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:16px}.no-data h2{color:#888;margin-bottom:1rem}.no-data p{color:#666}.data-section{background:#ffffff0d;border-radius:16px;padding:2rem}.data-section h3{color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.data-count{font-size:.9rem;color:#888;font-weight:400}.table-container{overflow-x:auto;border-radius:8px;max-height:600px;overflow-y:auto}.monitoring-table{width:100%;border-collapse:collapse;font-size:.85rem}.monitoring-table th,.monitoring-table td{padding:.6rem .8rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.monitoring-table thead{position:sticky;top:0;z-index:10}.monitoring-table th{background:#00000080;color:#0ff;font-weight:600;white-space:nowrap}.monitoring-table tbody tr{transition:background .2s ease}.monitoring-table tbody tr:hover{background:#00ffff0d}.sticky-col{position:sticky;left:0;background:#1a1a2ef2;z-index:5}.meter-code{font-weight:700;color:#0ff;text-align:left!important;white-space:nowrap}.time-col{min-width:50px;font-size:.75rem}.uptime-cell{font-weight:700}.uptime-cell.good{color:#0f9}.uptime-cell.warning{color:#fa0}.uptime-cell.bad{color:#f44}.status-cell{font-weight:700;font-size:.9rem}.status-cell.online{background:#0f93;color:#0f9}.status-cell.offline{background:#f443;color:#f44}.status-cell.unknown{background:#8888881a;color:#666}.legend{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.9rem}.legend-dot.online{background:#0f9}.legend-dot.offline{background:#f44}.legend-dot.unknown{background:#666}@media (max-width: 768px){.reports-container{padding:1rem}.reports-header h1{font-size:1.8rem}.controls-section,.date-selector{flex-direction:column;align-items:stretch}.action-buttons{justify-content:center}.summary-cards{flex-direction:column}.chart-container{min-width:600px}.legend{flex-direction:column;align-items:center;gap:.5rem}}.meter-container{display:flex;width:100%;justify-content:space-between;overflow-x:auto;padding:20px;box-sizing:border-box;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#fff}.meter-table-wrapper{flex:1;min-width:250px;margin:0 10px;border:1px solid rgb(117,20,220);padding:10px;box-sizing:border-box}.meter-table-wrapper h2{font-size:1.2em;margin-bottom:10px;text-align:center}.meter-table{width:100%;border-collapse:collapse}.meter-table th,.meter-table td{border:1px solid #999;padding:5px;text-align:center;font-size:.9em}.meter-table th{background-color:#440e8b}.filter-input{padding:5px;width:200px;margin-bottom:10px}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:max-content;max-width:200px;background-color:#333;color:#fff;text-align:center;padding:5px 8px;border-radius:4px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.meter-stats-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;color:#fff;width:100%;box-sizing:border-box}.meter-stats-header{text-align:center;margin-bottom:2rem}.meter-stats-header h1{font-size:2.5rem;font-weight:900;color:#0ff;text-shadow:0 0 15px #00ffff,0 0 30px #00ff99;margin-bottom:.5rem}.meter-stats-header p{font-size:1.1rem;color:#aaa}.meter-stats-content{display:grid;grid-template-columns:350px 1fr;gap:2rem;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.meters-list-panel{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,255,255,.2);box-shadow:0 0 20px #00ffff1a;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.search-box{margin-bottom:1rem}.search-input{width:100%;padding:.8rem 1rem;background:#0000004d;border:2px solid rgba(0,255,255,.3);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.event-filter-box{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.event-filter-select{width:100%;padding:.7rem 1rem;background:#0006;border:2px solid rgba(255,165,0,.4);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.event-filter-select:hover{border-color:#ffa500b3}.event-filter-select:focus{outline:none;border-color:orange;box-shadow:0 0 10px #ffa5004d}.event-filter-select option{background:#1a1a2e;color:#fff;padding:.5rem}.filter-count{font-size:.85rem;color:orange;font-weight:600;text-align:center}.search-input::placeholder{color:#666}.meters-list{flex:1;overflow-y:auto;padding-right:.5rem}.meters-list::-webkit-scrollbar{width:6px}.meters-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.meters-list::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.meters-list::-webkit-scrollbar-thumb:hover{background:#00ffffb3}.meter-item{background:#0000004d;padding:1rem;margin-bottom:.8rem;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.meter-item:hover{background:#00ffff1a;border-color:#0ff6;transform:translate(5px)}.meter-item.active{background:linear-gradient(135deg,#0ff3,#0f93);border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.meter-code{font-size:1.1rem;font-weight:700;color:#0ff;margin-bottom:.3rem}.meter-id{font-size:.85rem;color:#888}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,255,.2)}.pagination button{padding:.5rem 1rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:6px;color:#0ff;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#0ff3;box-shadow:0 0 10px #00ffff4d}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:#aaa;font-size:.9rem}.meter-details-panel{background:#ffffff0d;border-radius:16px;padding:2rem;border:1px solid rgba(0,255,255,.2);box-shadow:0 0 20px #00ffff1a;overflow-y:auto;max-height:calc(100vh - 200px)}.meter-details-panel::-webkit-scrollbar{width:8px}.meter-details-panel::-webkit-scrollbar-track{background:#0003;border-radius:4px}.meter-details-panel::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:4px}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666}.no-selection h2{font-size:2rem;margin-bottom:1rem}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;font-size:1.2rem;color:#0ff}.meter-info-card,.last-event-card,.curves-card{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(0,255,255,.2)}.meter-info-card h2{color:#0ff;font-size:1.8rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.meter-info-card h3,.last-event-card h3,.curves-card h3{color:#0f9;font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.meter-meta{display:flex;flex-direction:column;gap:.8rem}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.meta-item .label{color:#888;font-size:.95rem}.meta-item .value{color:#fff;font-weight:600}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge.online{background:#0f03;color:#0f0;border:1px solid rgba(0,255,0,.4)}.status-badge.offline{background:#f003;color:#f44;border:1px solid rgba(255,0,0,.4)}.event-details{display:flex;flex-direction:column;gap:.8rem}.event-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.event-row .label{color:#888;font-size:.95rem}.event-row .value{color:#fff;font-weight:600}.event-row .value.highlight{color:#0ff;font-size:1.2rem;font-weight:700;text-shadow:0 0 8px rgba(0,255,255,.5)}.curves-summary{margin-bottom:1rem;padding:.8rem;background:#00ffff1a;border-radius:8px;text-align:center}.curves-count{color:#0ff;font-size:1.1rem;font-weight:700}.curves-list{display:flex;flex-direction:column;gap:.8rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.curves-list::-webkit-scrollbar{width:6px}.curves-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.curves-list::-webkit-scrollbar-thumb{background:#00ffff80;border-radius:3px}.curve-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#0000004d;border-radius:8px;border-left:3px solid #00ffff;transition:all .3s ease}.curve-item:hover{background:#00ffff1a;transform:translate(5px)}.curve-hour{flex-shrink:0}.hour-badge{display:inline-block;padding:.4rem .8rem;background:linear-gradient(135deg,#0ff,#0f9);color:#000;font-weight:700;border-radius:6px;font-size:.9rem}.curve-info{flex:1}.curve-time{color:#aaa;font-size:.85rem;margin-bottom:.3rem}.curve-value{color:#fff;font-weight:600}.no-data{text-align:center;color:#666;font-style:italic;padding:2rem}.error-message{text-align:center;color:#f44;padding:2rem;font-size:1.1rem}@media (max-width: 1200px){.meter-stats-content{grid-template-columns:300px 1fr}}@media (max-width: 968px){.meter-stats-content{grid-template-columns:1fr}.meters-list-panel{max-height:400px}.meter-details-panel{max-height:none}}@media (max-width: 640px){.meter-stats-container{padding:1rem}.meter-stats-header h1{font-size:1.8rem}.pagination{flex-direction:column;gap:.5rem}}.manual-interrogation-container{padding:2rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.manual-interrogation-container .page-header{text-align:center;margin-bottom:2rem}.manual-interrogation-container .page-header h1{font-size:2rem;color:#1e293b;margin-bottom:.5rem}.manual-interrogation-container .page-header p{color:#64748b;font-size:1rem}.manual-interrogation-container .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.manual-interrogation-container .stat-card{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.manual-interrogation-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.manual-interrogation-container .stat-card .stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.manual-interrogation-container .stat-card .stat-label{display:block;font-size:.9rem;color:#64748b}.manual-interrogation-container .stat-card.total .stat-value{color:#3b82f6}.manual-interrogation-container .stat-card.success .stat-value{color:#22c55e}.manual-interrogation-container .stat-card.warning .stat-value{color:#f59e0b}.manual-interrogation-container .stat-card.info .stat-value{color:#8b5cf6}.manual-interrogation-container .controls-section{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.manual-interrogation-container .filters{display:flex;gap:1.5rem;flex-wrap:wrap}.manual-interrogation-container .filter-group{display:flex;flex-direction:column;gap:.5rem}.manual-interrogation-container .filter-group label{font-size:.85rem;font-weight:600;color:#475569}.manual-interrogation-container .filter-group select,.manual-interrogation-container .filter-group input{padding:.6rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;min-width:200px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.manual-interrogation-container .filter-group select:focus,.manual-interrogation-container .filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.manual-interrogation-container .actions{display:flex;gap:.75rem}.manual-interrogation-container .btn-refresh,.manual-interrogation-container .btn-export{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.manual-interrogation-container .btn-refresh{background:#3b82f6;color:#fff}.manual-interrogation-container .btn-refresh:hover:not(:disabled){background:#2563eb}.manual-interrogation-container .btn-refresh:disabled{background:#94a3b8;cursor:not-allowed}.manual-interrogation-container .btn-export{background:#22c55e;color:#fff}.manual-interrogation-container .btn-export:hover:not(:disabled){background:#16a34a}.manual-interrogation-container .btn-export:disabled{background:#94a3b8;cursor:not-allowed}.manual-interrogation-container .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.manual-interrogation-container .selection-bar{display:flex;justify-content:space-between;align-items:center;background:#f1f5f9;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.manual-interrogation-container .selection-bar span{font-size:.9rem;color:#475569}.manual-interrogation-container .selection-actions{display:flex;gap:.5rem}.manual-interrogation-container .selection-actions button{padding:.4rem .8rem;border:1px solid #cbd5e1;background:#fff;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.manual-interrogation-container .selection-actions button:hover{background:#f8fafc;border-color:#94a3b8}.manual-interrogation-container .loading,.manual-interrogation-container .no-data{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.manual-interrogation-container .loading{color:#3b82f6;font-size:1.1rem}.manual-interrogation-container .no-data h3{color:#22c55e;margin-bottom:.5rem}.manual-interrogation-container .no-data p{color:#64748b}.manual-interrogation-container .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:auto;margin-bottom:2rem;max-height:500px}.manual-interrogation-container .meters-table{width:100%;border-collapse:collapse}.manual-interrogation-container .meters-table thead{background:#f8fafc;position:sticky;top:0;z-index:10}.manual-interrogation-container .meters-table th{padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.manual-interrogation-container .meters-table td{padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}.manual-interrogation-container .meters-table tbody tr{transition:background .15s ease}.manual-interrogation-container .meters-table tbody tr:hover{background:#f8fafc}.manual-interrogation-container .meters-table tbody tr.selected{background:#eff6ff}.manual-interrogation-container .col-select{width:40px;text-align:center}.manual-interrogation-container .col-select input[type=checkbox]{width:16px;height:16px;cursor:pointer}.manual-interrogation-container .meter-code{font-family:monospace;font-weight:600;color:#1e293b}.manual-interrogation-container .customer-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-interrogation-container .zone{color:#6366f1;font-weight:500}.manual-interrogation-container .date{font-size:.85rem;color:#64748b}.manual-interrogation-container .days{font-weight:600}.manual-interrogation-container .days.warning{color:#dc2626}.manual-interrogation-container .zone-summary{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.manual-interrogation-container .zone-summary h3{font-size:1.1rem;color:#1e293b;margin-bottom:1rem}.manual-interrogation-container .zone-cards{display:flex;flex-wrap:wrap;gap:.75rem}.manual-interrogation-container .zone-card{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.manual-interrogation-container .zone-card:hover{background:#e2e8f0}.manual-interrogation-container .zone-card.active{background:#eff6ff;border-color:#3b82f6}.manual-interrogation-container .zone-name{font-size:.9rem;color:#475569}.manual-interrogation-container .zone-count{background:#3b82f6;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.manual-interrogation-container .btn-interrogate{padding:.6rem 1.2rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#8b5cf6;color:#fff}.manual-interrogation-container .btn-interrogate:hover:not(:disabled){background:#7c3aed}.manual-interrogation-container .btn-interrogate:disabled{background:#94a3b8;cursor:not-allowed}.manual-interrogation-container .auth-status{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.4rem .8rem;background:#dcfce7;color:#166534;border-radius:20px;font-size:.85rem}.manual-interrogation-container .btn-logout{padding:.2rem .5rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.manual-interrogation-container .btn-logout:hover{background:#fee2e2}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:100%;box-shadow:0 20px 40px #0003;animation:modalSlideIn .3s ease}.modal-content.modal-large{max-width:500px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-size:1.5rem;color:#1e293b;margin-bottom:.5rem}.modal-content>p{color:#64748b;margin-bottom:1.5rem}.modal-content .form-group{margin-bottom:1rem}.modal-content .form-group label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:.5rem}.modal-content .form-group input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background:#fff;color:#1e293b}.modal-content .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-content .form-row{display:flex;gap:1rem}.modal-content .form-row .form-group{flex:1}.modal-content .info-text{font-size:.85rem;color:#64748b;margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions .btn-cancel{padding:.75rem 1.25rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#64748b}.modal-actions .btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.modal-actions .btn-primary{padding:.75rem 1.25rem;border:none;background:#3b82f6;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-actions .btn-primary:hover:not(:disabled){background:#2563eb}.modal-actions .btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.interrogation-results{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.interrogation-results h3{font-size:1rem;color:#1e293b;margin-bottom:.75rem}.results-summary{display:flex;gap:1rem;flex-wrap:wrap}.result-item{padding:.5rem 1rem;background:#fff;border-radius:6px;font-size:.9rem;font-weight:600;color:#475569}.result-item.success{color:#16a34a;background:#dcfce7}.result-item.error{color:#dc2626;background:#fef2f2}.errors-list{margin-top:1rem;padding:.75rem;background:#fef2f2;border-radius:6px}.errors-list h4{font-size:.9rem;color:#dc2626;margin-bottom:.5rem}.errors-list ul{margin:0;padding-left:1.5rem;font-size:.85rem;color:#dc2626}.errors-list li{margin-bottom:.25rem}@media (max-width: 768px){.manual-interrogation-container{padding:1rem}.manual-interrogation-container .controls-section{flex-direction:column;align-items:stretch}.manual-interrogation-container .filters{flex-direction:column}.manual-interrogation-container .filter-group select,.manual-interrogation-container .filter-group input{min-width:100%}.manual-interrogation-container .actions{justify-content:stretch}.manual-interrogation-container .actions button{flex:1}.manual-interrogation-container .table-container{overflow-x:auto}.manual-interrogation-container .meters-table{min-width:700px}}.consumption-container{padding:24px;background:#f8fafc!important;min-height:100vh;color:#1e293b!important}.consumption-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-export{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-export:hover{background:#2563eb}.consumption-container .filters-section{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;padding:16px;background:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.consumption-container .filter-group{display:flex;flex-direction:column;gap:6px}.consumption-container .filter-group label{font-size:.8rem;font-weight:500;color:#64748b!important}.consumption-container .date-inputs{display:flex;align-items:center;gap:8px}.consumption-container .date-inputs input,.consumption-container .filter-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#f8fafc!important;color:#1e293b!important}.consumption-container .date-inputs input:focus,.consumption-container .filter-group select:focus{outline:none;border-color:#3b82f6;background:#fff!important}.consumption-container .date-inputs span{color:#64748b!important}.btn-refresh{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.btn-refresh:hover{background:#059669}.btn-refresh:disabled{background:#94a3b8;cursor:not-allowed}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.consumption-container .kpi-grid .kpi-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff!important;background-color:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:none!important;border-left:none!important}.kpi-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.kpi-icon.energy{background:#dbeafe;color:#3b82f6}.kpi-icon.daily{background:#d1fae5;color:#10b981}.kpi-icon.peak{background:#fef3c7;color:#f59e0b}.kpi-icon.meters{background:#e0e7ff;color:#6366f1}.kpi-icon.avg{background:#fce7f3;color:#ec4899}.kpi-icon.trend{background:#f3f4f6;color:#6b7280}.kpi-card.trend-up .kpi-icon.trend{background:#d1fae5;color:#10b981}.kpi-card.trend-down .kpi-icon.trend{background:#fee2e2;color:#ef4444}.consumption-container .kpi-grid .kpi-card .kpi-value{font-size:1.5rem;font-weight:700;color:#1e293b!important}.consumption-container .kpi-grid .kpi-card .kpi-label{font-size:.85rem;color:#64748b!important}.consumption-container .kpi-grid .kpi-card .kpi-subtext{font-size:.75rem;color:#94a3b8!important}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.consumption-container .chart-card{background:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;border:none!important}.consumption-container .chart-card.wide{grid-column:span 2}.consumption-container .chart-card h3{margin:0 0 16px;font-size:1rem;color:#1e293b!important}.consumption-container .top-consumers-section{background:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.consumption-container .top-consumers-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b!important}.table-container{overflow-x:auto}.consumers-table{width:100%;border-collapse:collapse}.consumers-table th,.consumers-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.consumption-container .consumers-table th{background:#f8fafc!important;font-weight:600;color:#64748b!important;font-size:.85rem}.consumption-container .consumers-table td{font-size:.9rem;color:#1e293b!important}.consumers-table .rank{font-weight:700;color:#3b82f6;width:40px}.consumers-table .meter-number{font-family:monospace;color:#6366f1}.consumers-table .customer{font-weight:500}.consumers-table .consumption{font-weight:600;color:#10b981}.percent-bar{position:relative;width:100px;height:24px;background:#f1f5f9;border-radius:4px;overflow:hidden}.percent-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .3s}.percent-bar span{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:.75rem;font-weight:600;color:#1e293b}.consumption-container .region-details-section{background:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.consumption-container .region-details-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b!important}.region-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.consumption-container .region-card{padding:16px;background:#f8fafc!important;border-radius:8px;border-left:4px solid #3b82f6}.consumption-container .region-card h4{margin:0 0 12px;font-size:1rem;color:#1e293b!important}.region-stats{display:flex;gap:16px}.region-stats .stat{display:flex;flex-direction:column}.consumption-container .region-stats .stat-value{font-size:1rem;font-weight:600;color:#3b82f6!important}.consumption-container .region-stats .stat-label{font-size:.75rem;color:#64748b!important}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}}@media (max-width: 768px){.consumption-container{padding:16px}.consumption-header{flex-direction:column;align-items:flex-start;gap:16px}.filters-section{flex-direction:column;align-items:stretch}.date-inputs{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr 1fr}.region-stats{flex-wrap:wrap}}.tickets-container{padding:24px;background:#f8fafc!important;min-height:100vh;color:#1e293b!important}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-new-ticket{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.btn-new-ticket:hover{background:#2563eb}.btn-sync{padding:10px 20px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-sync:hover{background:#eff6ff}.btn-sync:disabled{opacity:.5;cursor:not-allowed}.error-banner{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:24px}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.tickets-container .kpi-row .kpi-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff!important;background-color:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;border-top:4px solid #6b7280;border-left:none!important;border-right:none!important;border-bottom:none!important}.kpi-card.total{border-top-color:#3b82f6}.kpi-card.open{border-top-color:#ef4444}.kpi-card.solved{border-top-color:#10b981}.kpi-card.time{border-top-color:#8b5cf6}.tickets-container .kpi-row .kpi-card .kpi-value{font-size:2rem;font-weight:700;color:#1e293b!important}.tickets-container .kpi-row .kpi-card .kpi-label{font-size:.85rem;color:#64748b!important;margin-top:4px}.charts-row{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;margin-bottom:24px}.tickets-container .chart-card{background:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;border:none!important}.tickets-container .chart-card h3{margin:0 0 16px;font-size:1rem;color:#1e293b!important}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.legend-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#64748b}.legend-dot{width:10px;height:10px;border-radius:50%}.tickets-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.filters-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem}.search-input:focus{outline:none;border-color:#3b82f6}.filters-bar select{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.filters-bar select:focus{outline:none;border-color:#3b82f6}.tickets-list{overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th,.tickets-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.tickets-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:.85rem}.tickets-table td{font-size:.9rem;color:#1e293b}.tickets-table tr:hover{background:#f8fafc}.ticket-id{font-weight:600;color:#3b82f6;font-family:monospace}.ticket-title{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge,.priority-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.requester{color:#64748b;font-size:.85rem}.date{color:#94a3b8;font-size:.85rem;white-space:nowrap}.actions button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-view:hover{background:#c7d2fe}.btn-edit:hover{background:#fde68a}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px}.pagination button{padding:8px 16px;background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;color:#475569;transition:background .2s}.pagination button:hover:not(:disabled){background:#e2e8f0}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.9rem;color:#64748b}.categories-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.categories-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.category-card{padding:16px;background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:8px}.category-count{font-size:1.5rem;font-weight:700;color:#3b82f6}.category-name{font-size:.9rem;color:#64748b}.category-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.category-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s}@media (max-width: 1200px){.charts-row{grid-template-columns:1fr 1fr}.chart-card.wide{grid-column:span 2}.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tickets-container{padding:16px}.tickets-header{flex-direction:column;align-items:flex-start;gap:16px}.charts-row{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}.kpi-row{grid-template-columns:repeat(2,1fr)}.filters-bar{flex-direction:column}.search-input{min-width:auto}}.success-banner{display:flex;align-items:flex-start;gap:16px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #10b981;border-radius:8px;padding:16px 20px;color:#065f46}.success-icon{font-size:1.5rem;font-weight:700;color:#10b981;flex-shrink:0}.success-banner p{margin:4px 0 0;font-size:.9rem}.ticket-id-modal{font-family:monospace;font-weight:700;color:#3b82f6}.modal-body .detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9}.modal-body .detail-label{font-weight:500;color:#64748b;font-size:.9rem}.modal-body .detail-value{color:#1e293b;text-align:right}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-content.modal-create{max-width:600px}.btn-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;text-decoration:none;display:inline-flex;align-items:center}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.modal-create .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.modal-create .form-group label{font-size:.875rem;font-weight:500;color:#374151}.modal-create .form-group input,.modal-create .form-group textarea,.modal-create .form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;background-color:#fff!important;color:#1e293b!important;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;appearance:auto}.modal-create .form-group input::placeholder,.modal-create .form-group textarea::placeholder{color:#9ca3af!important}.modal-create .form-group input:focus,.modal-create .form-group textarea:focus,.modal-create .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-create .form-group textarea{resize:vertical;min-height:90px}.modal-create .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tickets-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.tickets-tab{padding:10px 24px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tickets-tab:hover{color:#3b82f6}.tickets-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.tech-panel{margin-bottom:24px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tech-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tech-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.tech-card-header h3{margin:0;font-size:1rem;color:#1e293b}.tech-list,.groups-list{max-height:480px;overflow-y:auto}.empty-tech{color:#94a3b8;font-size:.875rem;text-align:center;padding:20px}.tech-user-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #f1f5f9;transition:background .15s}.tech-user-row:hover{background:#f8fafc}.tech-user-row.inactive{opacity:.5}.tech-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tech-user-info{display:flex;flex-direction:column;flex:1;min-width:0}.tech-user-name{font-weight:600;font-size:.9rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tech-user-meta{font-size:.75rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-inactive{padding:2px 8px;background:#fee2e2;color:#dc2626;border-radius:10px;font-size:.7rem;font-weight:500;flex-shrink:0}.group-row{border-bottom:1px solid #f1f5f9}.group-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;cursor:pointer;transition:background .15s}.group-header:hover{background:#f8fafc}.group-info{display:flex;align-items:center;gap:10px}.group-icon{font-size:1.2rem}.group-name{display:block;font-weight:600;font-size:.9rem;color:#1e293b}.group-comment{display:block;font-size:.75rem;color:#94a3b8}.group-toggle{color:#94a3b8;font-size:.75rem}.group-members{padding:8px 20px 12px 48px;background:#f8fafc}.member-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.member-name{font-size:.875rem;color:#374151;display:flex;align-items:center;gap:8px}.badge-manager{padding:1px 6px;background:#fef3c7;color:#d97706;border-radius:10px;font-size:.7rem;font-weight:600}.btn-remove{width:24px;height:24px;border:none;border-radius:4px;background:#fee2e2;color:#dc2626;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.btn-remove:hover{background:#fecaca}.add-member-row{display:flex;gap:8px;align-items:center;margin-top:8px}.btn-add-member{margin-top:8px;padding:6px 12px;border:1px dashed #93c5fd;background:transparent;color:#3b82f6;border-radius:6px;cursor:pointer;font-size:.8rem;width:100%;transition:all .15s}.btn-add-member:hover{background:#eff6ff}.btn-sm{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap}.btn-sm.btn-primary{background:#3b82f6;color:#fff}.btn-sm.btn-primary:hover{background:#2563eb}.btn-sm.btn-secondary{background:#f1f5f9;color:#475569}.btn-sm.btn-secondary:hover{background:#e2e8f0}.assign-type-row{display:flex;gap:8px;flex-wrap:wrap}.assign-radio{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.875rem;color:#374151;background:#fff;transition:all .15s;-webkit-user-select:none;user-select:none}.assign-radio:hover{border-color:#93c5fd;background:#eff6ff}.assign-radio.selected{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;font-weight:500}.assign-radio input[type=radio]{display:none}@media (max-width: 768px){.tech-grid{grid-template-columns:1fr}.add-member-row{flex-wrap:wrap}}.analytics-container{padding:24px;background:#f8fafc;min-height:100vh}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-filters button:hover{background:#2563eb}.header-filters button:disabled{background:#94a3b8;cursor:not-allowed}.analytics-tabs{display:flex;gap:4px;background:#fff;padding:4px;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.analytics-tabs button{flex:1;padding:12px 24px;border:none;background:transparent;color:#64748b;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.analytics-tabs button:hover{background:#f1f5f9}.analytics-tabs button.active{background:#3b82f6;color:#fff}.analytics-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.prediction-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.summary-card{padding:20px;background:#f8fafc;border-radius:12px;text-align:center}.summary-value{display:block;font-size:1.75rem;font-weight:700;color:#3b82f6}.summary-label{font-size:.85rem;color:#64748b;margin-top:4px}.prediction-chart{margin-top:24px}.prediction-chart h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.anomaly-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px;border-radius:12px;text-align:center}.stat-card.critical{background:#fef2f2;border-left:4px solid #dc2626}.stat-card.high{background:#fff7ed;border-left:4px solid #f97316}.stat-card.medium{background:#fffbeb;border-left:4px solid #f59e0b}.stat-card.low{background:#f0fdf4;border-left:4px solid #22c55e}.stat-count{display:block;font-size:2rem;font-weight:700;color:#1e293b}.stat-label{font-size:.85rem;color:#64748b}.anomalies-list h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.anomalies-table{width:100%;border-collapse:collapse}.anomalies-table th,.anomalies-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.anomalies-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:.85rem}.anomalies-table td{font-size:.9rem}.severity-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize}.value{font-weight:600}.expected{color:#64748b}.deviation{font-weight:600}.deviation.positive{color:#dc2626}.deviation.negative{color:#f59e0b}.btn-investigate{padding:6px 12px;background:#e0e7ff;color:#4f46e5;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500}.btn-investigate:hover{background:#c7d2fe}.pattern-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{padding:16px;background:#f8fafc;border-radius:8px;text-align:center}.metric-label{display:block;font-size:.8rem;color:#64748b;margin-bottom:4px}.metric-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.patterns-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.pattern-chart{padding:16px;background:#f8fafc;border-radius:12px}.pattern-chart h3{margin:0 0 16px;font-size:.95rem;color:#1e293b}.heatmap-section{margin-top:24px}.heatmap-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.heatmap-grid{display:flex;gap:8px}.heatmap-labels-y{display:flex;flex-direction:column;gap:4px;padding-top:0}.heatmap-labels-y span{height:20px;font-size:.75rem;color:#64748b;display:flex;align-items:center}.heatmap-content{flex:1}.heatmap-row{display:flex;gap:2px;margin-bottom:4px}.heatmap-cell{width:20px;height:20px;border-radius:3px;cursor:pointer;transition:transform .1s}.heatmap-cell:hover{transform:scale(1.2);z-index:1}.heatmap-labels-x{display:flex;gap:2px;margin-top:4px}.heatmap-labels-x span{width:20px;text-align:center;font-size:.65rem;color:#94a3b8}.correlations-intro{margin-bottom:24px}.correlations-intro p{color:#64748b;margin:0}.correlations-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.correlation-chart,.correlation-list{padding:20px;background:#f8fafc;border-radius:12px}.correlation-chart h3,.correlation-list h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.correlation-item{margin-bottom:16px}.correlation-header{display:flex;justify-content:space-between;margin-bottom:6px}.correlation-factor{font-weight:500;color:#1e293b}.correlation-impact{font-size:.85rem;font-weight:500}.correlation-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:4px}.correlation-fill{height:100%;border-radius:4px;transition:width .3s}.correlation-value{font-size:.8rem;color:#64748b}.insights-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:12px}.insight-icon{font-size:2rem}.insight-content h4{margin:0 0 8px;font-size:.95rem;color:#1e293b}.insight-content p{margin:0;font-size:.85rem;color:#64748b;line-height:1.5}.investigation-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.investigation-modal{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px #00000040}.investigation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.investigation-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.investigation-title h2{margin:0;font-size:1.2rem;color:#1e293b}.investigation-close{background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:1rem;color:#64748b;flex-shrink:0}.investigation-close:hover{background:#e2e8f0;color:#1e293b}.investigation-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.inv-card{padding:14px;background:#f8fafc;border-radius:10px;text-align:center}.inv-card-label{display:block;font-size:.75rem;color:#64748b;margin-bottom:6px}.inv-card-value{font-size:1rem;font-weight:600;color:#1e293b}.inv-card-value.inv-card-anomaly,.inv-card-value.positive{color:#dc2626}.inv-card-value.negative{color:#f59e0b}.investigation-chart-section{margin-bottom:24px}.investigation-chart-section h3,.investigation-related h3{margin:0 0 14px;font-size:.95rem;color:#1e293b}.investigation-loading{text-align:center;color:#94a3b8;padding:40px 0;font-size:.9rem}.investigation-related .no-related{color:#94a3b8;font-size:.9rem;margin:0}@media (max-width: 640px){.investigation-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.prediction-summary,.anomaly-stats,.pattern-metrics{grid-template-columns:repeat(2,1fr)}.patterns-charts,.correlations-grid,.insights-grid{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.header-filters{flex-wrap:wrap;width:100%}.analytics-tabs{flex-wrap:wrap}.analytics-tabs button{flex:1 1 40%}.prediction-summary,.anomaly-stats,.pattern-metrics{grid-template-columns:1fr}.heatmap-grid{overflow-x:auto}}.interventions-container{padding:24px;background:#f8fafc!important;min-height:100vh;color:#1e293b!important}.interventions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;gap:12px}.btn-new{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-new:hover{background:#2563eb}.btn-export{padding:10px 20px;background:#fff;color:#3b82f6;border:1px solid #3b82f6;border-radius:8px;cursor:pointer;font-weight:500}.btn-export:hover{background:#eff6ff}.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.interventions-container .kpi-row .kpi-card{padding:20px;background:#fff!important;background-color:#fff!important;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:center;border-top:4px solid #6b7280;border-left:none!important;border-right:none!important;border-bottom:none!important}.kpi-card.pending{border-top-color:#f59e0b}.kpi-card.in-progress{border-top-color:#3b82f6}.kpi-card.completed{border-top-color:#10b981}.kpi-card.duration{border-top-color:#8b5cf6}.kpi-card.success{border-top-color:#06b6d4}.interventions-container .kpi-row .kpi-card .kpi-value{display:block;font-size:1.75rem;font-weight:700;color:#1e293b!important}.interventions-container .kpi-row .kpi-card .kpi-label{font-size:.85rem;color:#64748b!important}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.view-toggles{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.view-toggles button{padding:8px 20px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:6px;font-weight:500;transition:all .2s}.view-toggles button:hover{background:#f1f5f9}.view-toggles button.active{background:#3b82f6;color:#fff}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters select,.filters input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff}.filters span{color:#64748b}.filters button{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.filters button:hover{background:#059669}.filters button:disabled{background:#94a3b8}.main-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.list-view{overflow-x:auto}.interventions-table{width:100%;border-collapse:collapse}.interventions-table th,.interventions-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.interventions-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:.85rem}.interventions-table td{font-size:.9rem}.interventions-table tr{cursor:pointer;transition:background .2s}.interventions-table tbody tr:hover{background:#f8fafc}.intervention-id{font-weight:600;color:#3b82f6;font-family:monospace}.type-badge{display:inline-block;padding:4px 10px;background:#e0e7ff;color:#4f46e5;border-radius:12px;font-size:.8rem;font-weight:500}.loading-row,.empty-row{text-align:center;padding:40px!important;color:#64748b}.actions button{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.btn-view{background:#e0e7ff;color:#4f46e5}.btn-edit{background:#fef3c7;color:#d97706}.map-view{padding:20px}.map-legend{display:flex;gap:20px;justify-content:center;margin-top:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b}.legend-dot{width:12px;height:12px;border-radius:50%}.map-popup h4{margin:0 0 8px;color:#1e293b}.map-popup p{margin:4px 0;font-size:.85rem;color:#475569}.stats-view{padding:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{background:#f8fafc;border-radius:12px;padding:20px}.stat-card.wide{grid-column:span 2}.stat-card h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.btn-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer}.btn-close:hover{color:#64748b}.modal-body{padding:24px}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f1f5f9}.detail-label{font-weight:500;color:#64748b;font-size:.9rem}.detail-value{color:#1e293b;text-align:right}.detail-value.notes{max-width:60%;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.btn-secondary{padding:10px 20px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-secondary:hover{background:#e2e8f0}.btn-primary{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.btn-primary:hover{background:#2563eb}@media (max-width: 1200px){.kpi-row{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:1fr}.stat-card.wide{grid-column:span 1}}@media (max-width: 768px){.interventions-container{padding:16px}.interventions-header{flex-direction:column;align-items:flex-start;gap:16px}.kpi-row{grid-template-columns:repeat(2,1fr)}.controls-section,.filters{flex-direction:column;align-items:stretch}}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-state p{margin:0;font-size:1.1rem;color:#64748b}.empty-state .empty-hint{margin-top:8px;font-size:.9rem;color:#94a3b8}.modal-create{max-width:600px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#1e293b;background:#fff;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.terrain-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#1e40af;font-size:.9rem}.ticket-ref{display:inline-block;font-family:monospace;font-weight:700;color:#3b82f6;background:#eff6ff;padding:2px 8px;border-radius:4px;font-size:.9rem}.status-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-start{padding:5px 10px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap}.btn-start:hover{background:#2563eb}.btn-start:disabled{background:#93c5fd;cursor:not-allowed}.btn-complete{padding:5px 10px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap}.btn-complete:hover{background:#059669}.btn-complete:disabled{background:#6ee7b7;cursor:not-allowed}.btn-cancel{padding:5px 10px;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.btn-cancel:hover{background:#fecaca}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.searching-indicator{font-size:.8rem;color:#3b82f6;font-weight:400;font-style:italic}.auto-filled{font-size:.75rem;color:#10b981;font-weight:400;margin-left:4px}.data-quality-container{padding:24px;background:#f8fafc;min-height:100vh}.dq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title h1{margin:0;font-size:1.75rem;color:#1e293b}.header-title p{margin:4px 0 0;color:#64748b;font-size:.9rem}.header-filters{display:flex;align-items:center;gap:12px}.header-filters input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.header-filters span{color:#64748b}.header-filters button{padding:8px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.header-filters button:disabled{background:#94a3b8}.overall-score-section{display:flex;gap:24px;margin-bottom:24px}.score-gauge{position:relative;width:250px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:20px;display:flex;flex-direction:column;align-items:center}.score-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);text-align:center}.score-number{display:block;font-size:2.5rem;font-weight:700}.score-label{font-size:.9rem;color:#64748b}.metric-cards{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;cursor:pointer;transition:all .2s;border:2px solid transparent}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.selected{border-color:#3b82f6;background:#eff6ff}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-icon{font-size:1.5rem}.metric-name{font-weight:500;color:#64748b}.metric-score{display:block;font-size:2rem;font-weight:700}.metric-trend{font-size:.85rem;font-weight:500}.metric-trend.positive{color:#22c55e}.metric-trend.negative{color:#ef4444}.metric-details-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.metric-details-section h3{margin:0 0 16px;font-size:1.1rem;color:#1e293b}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{padding:20px;background:#f8fafc;border-radius:12px;text-align:center}.detail-value{display:block;font-size:1.75rem;font-weight:700;color:#1e293b}.detail-value.warning{color:#f59e0b}.detail-value.error{color:#ef4444}.detail-label{font-size:.85rem;color:#64748b;margin-top:4px}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.chart-card.wide{grid-column:span 2}.chart-card h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.issue-legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}.issue-legend-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:.85rem}.issue-name{color:#64748b}.issue-count{font-weight:600;color:#1e293b}.issues-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:24px}.issues-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.issues-header h3{margin:0;font-size:1rem;color:#1e293b}.btn-export{padding:8px 16px;background:#f1f5f9;color:#475569;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.btn-export:hover{background:#e2e8f0}.issues-table{width:100%;border-collapse:collapse}.issues-table th,.issues-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.issues-table th{background:#f8fafc;font-weight:600;color:#64748b;font-size:.85rem}.issues-table td{font-size:.9rem}.meter-code{font-family:monospace;color:#6366f1}.value-error{color:#ef4444;font-weight:500}.value-expected{color:#64748b}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;color:#fff}.actions{display:flex;gap:8px}.btn-action{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;background:#f1f5f9;color:#475569;display:flex;align-items:center;justify-content:center}.btn-action:hover{background:#e2e8f0}.recommendations-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.recommendations-section h3{margin:0 0 16px;font-size:1rem;color:#1e293b}.recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommendation-card{display:flex;gap:16px;padding:20px;background:#f8fafc;border-radius:12px}.rec-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.rec-icon.high{background:#fef2f2;color:#dc2626}.rec-icon.medium{background:#fffbeb;color:#d97706}.rec-icon.info{background:#eff6ff;color:#2563eb}.rec-content h4{margin:0 0 8px;font-size:.95rem;color:#1e293b}.rec-content p{margin:0 0 12px;font-size:.85rem;color:#64748b;line-height:1.5}.btn-action-small{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500}.btn-action-small:hover{background:#2563eb}@media (max-width: 1200px){.overall-score-section{flex-direction:column}.score-gauge{width:100%}.metric-cards{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}.recommendations-grid{grid-template-columns:1fr}}@media (max-width: 768px){.data-quality-container{padding:16px}.dq-header{flex-direction:column;align-items:flex-start;gap:16px}.header-filters{flex-wrap:wrap}.metric-cards,.details-grid{grid-template-columns:1fr}}.fraud-losses-page{padding:20px;background:#0f172a!important;min-height:100vh;color:#e2e8f0!important}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-title h1{font-size:1.75rem;margin:0;color:#f8fafc}.header-title p{margin:4px 0 0;color:#94a3b8;font-size:.9rem}.header-controls{display:flex;gap:12px;align-items:center}.header-controls select{padding:8px 12px;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.9rem}.refresh-btn{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.refresh-btn:hover{background:#2563eb}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #334155;padding-bottom:12px}.tab{padding:10px 20px;background:transparent;border:1px solid #334155;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:.9rem;transition:all .2s}.tab:hover{background:#1e293b;color:#e2e8f0}.tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.fraud-kpis,.prepaid-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.fraud-losses-page .fraud-kpis .kpi-card,.fraud-losses-page .prepaid-kpis .kpi-card{background:#1e293b!important;background-color:#1e293b!important;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid #3b82f6;border-top:none!important;border-right:none!important;border-bottom:none!important}.kpi-card.critical{border-left-color:#dc2626;background:linear-gradient(135deg,#1e293b,#2d1f1f)}.kpi-card.high{border-left-color:#f59e0b;background:linear-gradient(135deg,#1e293b,#2d2a1f)}.kpi-card.medium{border-left-color:#3b82f6}.kpi-card.low{border-left-color:#22c55e}.kpi-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.kpi-card.critical .kpi-icon{background:#dc262633;color:#dc2626}.kpi-card.high .kpi-icon{background:#f59e0b33;color:#f59e0b}.kpi-card.medium .kpi-icon{background:#3b82f633;color:#3b82f6}.kpi-card.low .kpi-icon{background:#22c55e33;color:#22c55e}.kpi-content{display:flex;flex-direction:column}.fraud-losses-page .fraud-kpis .kpi-card .kpi-value,.fraud-losses-page .prepaid-kpis .kpi-card .kpi-value{font-size:1.75rem;font-weight:700;color:#f8fafc!important}.fraud-losses-page .fraud-kpis .kpi-card .kpi-label,.fraud-losses-page .prepaid-kpis .kpi-card .kpi-label{font-size:.85rem;color:#94a3b8!important}.fraud-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px}.fraud-losses-page .chart-card{background:#1e293b!important;border-radius:12px;padding:20px;border:none!important}.fraud-losses-page .chart-card.full-width{grid-column:1 / -1}.fraud-losses-page .chart-card h3{margin:0 0 16px;font-size:1rem;color:#f8fafc!important}.alerts-table{overflow-x:auto}.alerts-table table{width:100%;border-collapse:collapse;font-size:.85rem}.alerts-table th{background:#0f172a;padding:12px;text-align:left;font-weight:600;color:#94a3b8;border-bottom:1px solid #334155}.alerts-table td{padding:12px;border-bottom:1px solid #1e293b;vertical-align:top}.alerts-table tr:hover{background:#3b82f60d}.alerts-table tr.severity-critical{background:#dc26261a}.alerts-table tr.severity-high{background:#f59e0b14}.severity-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.severity-badge.critical{background:#dc262633;color:#f87171}.severity-badge.high{background:#f59e0b33;color:#fbbf24}.severity-badge.medium{background:#3b82f633;color:#60a5fa}.severity-badge.low{background:#22c55e33;color:#4ade80}.source-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem}.source-badge.general{background:#3b82f633;color:#60a5fa}.source-badge.prepaid{background:#a855f733;color:#c084fc}.status-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem}.status-badge.online{background:#22c55e33;color:#4ade80}.status-badge.offline{background:#dc262633;color:#f87171}.status-badge.unknown{background:#6b728033;color:#9ca3af}.score{display:inline-block;padding:4px 10px;background:#fb923c33;color:#fb923c;border-radius:4px;font-weight:600}.alert-types{display:flex;flex-wrap:wrap;gap:4px}.alert-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.7rem;cursor:help}.alert-tag.critical{background:#dc262633;color:#f87171}.alert-tag.high{background:#f59e0b33;color:#fbbf24}.alert-tag.medium{background:#3b82f633;color:#60a5fa}.alert-tag.low{background:#22c55e33;color:#4ade80}.alert-details{display:flex;flex-direction:column;gap:8px}.alert-item{padding:8px;border-radius:6px;background:#0f172a}.alert-item.critical{border-left:3px solid #dc2626}.alert-item.high{border-left:3px solid #f59e0b}.alert-item.medium{border-left:3px solid #3b82f6}.alert-item.low{border-left:3px solid #22c55e}.alert-type{display:block;font-weight:600;font-size:.8rem;color:#e2e8f0;margin-bottom:4px}.alert-desc{display:block;font-size:.75rem;color:#94a3b8}.alert-score{display:inline-block;margin-top:4px;font-size:.7rem;color:#fb923c}.reference{display:block;font-size:.75rem;color:#64748b}.address{max-width:200px;font-size:.8rem;color:#94a3b8}.ratio{display:inline-block;padding:3px 8px;border-radius:4px;font-weight:600}.ratio.ok{background:#22c55e33;color:#4ade80}.ratio.danger{background:#dc262633;color:#f87171}.prepaid-summary{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.badge.critical{background:#dc262633;color:#f87171}.badge.high{background:#f59e0b33;color:#fbbf24}.badge.medium{background:#3b82f633;color:#60a5fa}.badge.low{background:#22c55e33;color:#4ade80}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px}.spinner{width:48px;height:48px;border:4px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.alerts-filter{margin-bottom:16px;color:#94a3b8}@media (max-width: 768px){.fraud-charts{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.fraud-kpis,.prepaid-kpis{grid-template-columns:repeat(2,1fr)}.tabs{flex-wrap:wrap}}.ref-page{padding:1.5rem;min-height:100vh;background:#0f172a;color:#f8fafc;font-family:Inter,system-ui,sans-serif}.ref-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.ref-header-left h1{font-size:1.5rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.ref-header-left p{color:#94a3b8;font-size:.88rem;margin:0}.ref-poste-selector{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.ref-poste-btn{padding:.55rem 1.1rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.ref-poste-btn:hover{border-color:#3b82f6;color:#f8fafc}.ref-poste-btn.active{background:#2563eb;border-color:#3b82f6;color:#fff;font-weight:600}.ref-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.ref-kpi-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.ref-kpi-value{font-size:1.8rem;font-weight:700;color:#f8fafc;line-height:1.1}.ref-kpi-label{font-size:.78rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ref-kpi-card.prepaid .ref-kpi-value{color:#22c55e}.ref-kpi-card.postpaid .ref-kpi-value{color:#3b82f6}.ref-kpi-card.out .ref-kpi-value{color:#f59e0b}.ref-filters{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.ref-search{flex:1;min-width:200px;max-width:340px;padding:.55rem .85rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#f8fafc;font-size:.88rem;outline:none}.ref-search::placeholder{color:#475569}.ref-search:focus{border-color:#3b82f6}.ref-filter-select{padding:.55rem .85rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:.88rem;outline:none;cursor:pointer}.ref-filter-select:focus{border-color:#3b82f6;color:#f8fafc}.ref-count-badge{margin-left:auto;padding:.35rem .75rem;background:#1e293b;border:1px solid #334155;border-radius:20px;font-size:.8rem;color:#64748b}.ref-export-btn{padding:.55rem 1rem;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.ref-export-btn:hover{border-color:#22c55e;color:#22c55e}.ref-departs{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.ref-depart-btn{padding:.45rem .9rem;border-radius:20px;border:1px solid #334155;background:transparent;color:#64748b;font-size:.82rem;cursor:pointer;transition:all .15s;white-space:nowrap}.ref-depart-btn:hover{border-color:#3b82f6;color:#93c5fd}.ref-depart-btn.active{background:#1d4ed8;border-color:#3b82f6;color:#fff;font-weight:600}.ref-depart-btn.out.active{background:#92400e;border-color:#f59e0b;color:#fef3c7}.ref-depart-count{display:inline-block;background:#ffffff26;border-radius:10px;padding:0 .4rem;font-size:.72rem;margin-left:.3rem}.ref-table-wrap{background:#1e293b;border:1px solid #334155;border-radius:10px;overflow:hidden}.ref-table{width:100%;border-collapse:collapse;font-size:.82rem}.ref-table th{background:#0f172a;padding:.65rem .85rem;text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;white-space:nowrap;position:sticky;top:0;z-index:2}.ref-table td{padding:.6rem .85rem;border-bottom:1px solid #0f172a;color:#cbd5e1;vertical-align:middle}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:#ffffff08}.ref-table .meter-code{font-family:monospace;font-size:.8rem;color:#93c5fd}.ref-table .ref-ref{font-family:monospace;font-size:.78rem;color:#94a3b8}.ref-table .name-cell{font-weight:500;color:#f1f5f9}.ref-table .addr-cell{color:#94a3b8;font-size:.78rem;max-width:180px}.depart-badge{display:inline-block;padding:.18rem .55rem;border-radius:4px;font-size:.72rem;font-weight:600;white-space:nowrap}.depart-badge.d1{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.depart-badge.d2{background:#22c55e1f;color:#86efac;border:1px solid rgba(34,197,94,.3)}.depart-badge.d3{background:#a855f71f;color:#c4b5fd;border:1px solid rgba(168,85,247,.3)}.depart-badge.d4{background:#fbbf241f;color:#fcd34d;border:1px solid rgba(251,191,36,.3)}.depart-badge.out{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.pay-badge{display:inline-block;padding:.18rem .5rem;border-radius:20px;font-size:.7rem;font-weight:600}.pay-badge.prepaid{background:#22c55e1f;color:#86efac}.pay-badge.postpaid{background:#3b82f61f;color:#93c5fd}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.online-dot.on{background:#22c55e}.online-dot.off{background:#ef4444}.online-dot.unknown{background:#475569}.ref-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.ref-summary-card{background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.25rem;cursor:pointer;transition:border-color .15s}.ref-summary-card:hover{border-color:#3b82f6}.ref-summary-card.active{border-color:#3b82f6;background:#2563eb1a}.ref-summary-card-title{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.ref-summary-card-count{font-size:2rem;font-weight:700;color:#f8fafc;line-height:1}.ref-summary-card-sub{font-size:.75rem;color:#475569;margin-top:.25rem}.ref-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#475569;gap:1rem}.ref-spinner{width:36px;height:36px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:ref-spin .7s linear infinite}@keyframes ref-spin{to{transform:rotate(360deg)}}.ref-empty{text-align:center;padding:3rem;color:#475569;font-size:.9rem}.ref-table-scroll{max-height:60vh;overflow-y:auto}.ref-header-right{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.ref-global-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-end}.ref-modified-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f59e0b;margin-left:5px;vertical-align:middle}.ref-save-msg{padding:.65rem 1.1rem;border-radius:8px;font-size:.88rem;font-weight:500;margin-bottom:1rem;border:1px solid transparent}.ref-save-msg.success{background:#22c55e1f;border-color:#22c55e4d;color:#86efac}.ref-save-msg.error{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}.ref-btn-upload,.ref-btn-edit,.ref-btn-save,.ref-btn-cancel-edit,.ref-btn-add,.ref-btn-bulk,.ref-btn-reset,.ref-btn-danger-sm{padding:.48rem .9rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid transparent;white-space:nowrap}.ref-btn-upload{background:#1e293b;border-color:#334155;color:#94a3b8}.ref-btn-upload:hover:not(:disabled){border-color:#3b82f6;color:#93c5fd}.ref-btn-edit{background:#3b82f61f;border-color:#3b82f64d;color:#93c5fd}.ref-btn-edit:hover{background:#3b82f638}.ref-btn-save{background:#2563eb;border-color:#3b82f6;color:#fff}.ref-btn-save:hover:not(:disabled){background:#1d4ed8}.ref-btn-save:disabled{opacity:.55;cursor:not-allowed}.ref-btn-cancel-edit{background:#1e293b;border-color:#334155;color:#94a3b8}.ref-btn-cancel-edit:hover{border-color:#ef4444;color:#fca5a5}.ref-btn-add{background:#22c55e1f;border-color:#22c55e4d;color:#86efac}.ref-btn-add:hover{background:#22c55e38}.ref-btn-bulk{background:#a855f71f;border-color:#a855f74d;color:#c4b5fd}.ref-btn-bulk:hover{background:#a855f738}.ref-btn-reset{background:#f59e0b1a;border-color:#f59e0b4d;color:#fcd34d}.ref-btn-reset:hover{background:#f59e0b33}.ref-btn-danger-sm{background:#ef44441a;border-color:#ef444440;color:#fca5a5;padding:.48rem .65rem}.ref-btn-danger-sm:hover{background:#ef444433}.row-deleted td{opacity:.45;background:#ef44440d!important}.row-added td{background:#22c55e0d!important}.row-edited td{background:#3b82f60d!important}.ref-row-delete,.ref-row-restore{padding:.25rem .55rem;border-radius:5px;font-size:.8rem;cursor:pointer;border:1px solid transparent;transition:all .15s}.ref-row-delete{background:#ef44441a;border-color:#ef444440;color:#fca5a5}.ref-row-delete:hover{background:#ef444438}.ref-row-restore{background:#22c55e1a;border-color:#22c55e40;color:#86efac}.ref-row-restore:hover{background:#22c55e38}.ref-cell-input,.ref-cell-select{width:100%;min-width:80px;padding:.28rem .5rem;border-radius:5px;border:1px solid #334155;background:#0f172a;color:#f8fafc;font-size:.8rem;outline:none;box-sizing:border-box}.ref-cell-input:focus,.ref-cell-select:focus{border-color:#3b82f6}.ref-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ref-modal{background:#1e293b;border:1px solid #334155;border-radius:12px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.ref-modal-sm{max-width:340px}.ref-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #334155}.ref-modal-header h3{margin:0;font-size:1rem;font-weight:600;color:#f8fafc}.ref-modal-close{background:none;border:none;color:#64748b;font-size:1rem;cursor:pointer;padding:.15rem .4rem;border-radius:4px;transition:all .15s}.ref-modal-close:hover{background:#334155;color:#f8fafc}.ref-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem}.ref-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid #334155}.ref-form-row{display:flex;flex-direction:column;gap:.3rem}.ref-form-row label{font-size:.78rem;color:#94a3b8;font-weight:500}.ref-form-input{padding:.5rem .75rem;border-radius:7px;border:1px solid #334155;background:#0f172a;color:#f8fafc;font-size:.88rem;outline:none;width:100%;box-sizing:border-box}.ref-form-input:focus{border-color:#3b82f6}.ref-btn-primary{padding:.5rem 1.1rem;border-radius:7px;border:none;background:#2563eb;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s}.ref-btn-primary:hover:not(:disabled){background:#1d4ed8}.ref-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ref-btn-cancel{padding:.5rem 1.1rem;border-radius:7px;border:1px solid #334155;background:#1e293b;color:#94a3b8;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.ref-btn-cancel:hover{border-color:#475569;color:#f8fafc}.ref-btn-new-poste{padding:.48rem .9rem;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid rgba(20,184,166,.35);background:#14b8a61f;color:#5eead4;white-space:nowrap}.ref-btn-new-poste:hover:not(:disabled){background:#14b8a638}.ref-btn-new-poste:disabled{opacity:.45;cursor:not-allowed}.tf-page{padding:1rem 1rem 4rem;min-height:100vh;background:#0f172a;color:#f8fafc;font-family:Inter,system-ui,sans-serif;max-width:640px;margin:0 auto}.tf-header{text-align:center;padding:1.25rem 0 1rem;border-bottom:1px solid #1e293b;margin-bottom:1.5rem}.tf-header h1{font-size:1.35rem;font-weight:700;margin:0 0 .2rem}.tf-header p{color:#64748b;font-size:.85rem;margin:0}.tf-result{padding:.85rem 1.1rem;border-radius:10px;font-size:.9rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.tf-result-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.tf-result-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.tf-section{margin-bottom:1.5rem}.tf-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#475569;margin-bottom:.75rem}.tf-poste-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tf-poste-card{background:#1e293b;border:2px solid #334155;border-radius:12px;padding:1rem 1.1rem;cursor:pointer;text-align:left;transition:all .15s}.tf-poste-card:hover{border-color:#3b82f6}.tf-poste-card.active{border-color:#3b82f6;background:#2563eb24}.tf-poste-num{font-size:1rem;font-weight:700;color:#f1f5f9;margin-bottom:.3rem}.tf-poste-meta{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.75rem;color:#64748b}.tf-op-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tf-op-card{background:#1e293b;border:2px solid #334155;border-radius:12px;padding:1rem .9rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.15rem;transition:all .15s;min-height:90px}.tf-op-card:hover{border-color:#3b82f6}.tf-op-card.active{border-color:#3b82f6;background:#2563eb1f}.tf-op-icon{font-size:1.4rem;margin-bottom:.2rem}.tf-op-label{font-size:.88rem;font-weight:700;color:#f1f5f9}.tf-op-desc{font-size:.72rem;color:#64748b}.tf-form{display:flex;flex-direction:column;gap:1rem}.tf-field{display:flex;flex-direction:column;gap:.35rem}.tf-field label{font-size:.8rem;font-weight:600;color:#94a3b8}.tf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 400px){.tf-row-2,.tf-op-grid{grid-template-columns:1fr}}.tf-input,.tf-select{padding:.75rem .9rem;border-radius:8px;border:1.5px solid #334155;background:#1e293b;color:#f8fafc;font-size:.95rem;outline:none;width:100%;box-sizing:border-box;min-height:48px;-webkit-appearance:none;appearance:none}.tf-input:focus,.tf-select:focus{border-color:#3b82f6}.tf-input::placeholder{color:#475569}.tf-btn-primary{width:100%;padding:.95rem 1rem;border-radius:10px;border:none;background:#2563eb;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;min-height:52px;transition:background .15s;margin-top:.25rem}.tf-btn-primary:hover:not(:disabled){background:#1d4ed8}.tf-btn-primary:disabled{opacity:.5;cursor:not-allowed}.tf-btn-sm{background:none;border:1px solid #334155;border-radius:6px;color:#64748b;font-size:.78rem;padding:.3rem .65rem;cursor:pointer;white-space:nowrap;transition:all .15s}.tf-btn-sm:hover{border-color:#3b82f6;color:#93c5fd}.tf-search-wrap{display:flex;flex-direction:column;gap:.6rem}.tf-search-empty{text-align:center;color:#475569;font-size:.88rem;padding:1.5rem 1rem;background:#1e293b;border-radius:8px}.tf-client-card{background:#1e293b;border:1.5px solid #334155;border-radius:10px;padding:.9rem 1rem;cursor:pointer;transition:border-color .15s}.tf-client-card:hover{border-color:#3b82f6}.tf-client-card:active{background:#2563eb14}.tf-client-name{font-weight:700;color:#f1f5f9;margin-bottom:.25rem;font-size:.95rem}.tf-client-meta{display:flex;justify-content:space-between;font-size:.78rem;color:#64748b}.tf-client-depart{font-size:.72rem;background:#3b82f61f;color:#93c5fd;border-radius:4px;padding:.1rem .4rem}.tf-client-addr{font-size:.75rem;color:#475569;margin-top:.2rem}.tf-selected-client{background:#2563eb1a;border:1.5px solid rgba(59,130,246,.3);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.tf-selected-name{font-weight:700;color:#93c5fd;font-size:.9rem}.tf-selected-meta{font-size:.75rem;color:#475569;margin-top:.15rem}.tf-info-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid #1e293b;font-size:.88rem}.tf-info-label{color:#64748b}.tf-info-value{font-weight:700;color:#f1f5f9}.tf-depart-preview{font-size:.82rem;font-weight:600;padding:.45rem .75rem;border-radius:6px;margin-top:.1rem}.tf-depart-preview.new{background:#22c55e1a;color:#86efac;border:1px solid rgba(34,197,94,.25)}.tf-depart-preview.exists{background:#f59e0b1a;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.tf-departs-list{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.75rem}.tf-departs-list-title{font-size:.72rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.tf-departs-chips{display:flex;flex-wrap:wrap;gap:.4rem}.tf-depart-chip{background:#3b82f61f;color:#93c5fd;border:1px solid rgba(59,130,246,.2);border-radius:5px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.tf-loading{text-align:center;color:#475569;padding:2rem;font-size:.9rem}.tf-empty{text-align:center;color:#475569;padding:1.5rem;font-size:.88rem;background:#1e293b;border-radius:8px}:root{--mt-bg: #0f172a;--mt-surface: #1e293b;--mt-surface-2: #253247;--mt-surface-hover: #2d3f5a;--mt-border: rgba(255, 255, 255, .07);--mt-text: #e2e8f0;--mt-text-muted: #94a3b8;--mt-text-dim: #64748b;--mt-accent: #6366f1;--mt-accent-light: #818cf8;--mt-green: #22c55e;--mt-red: #ef4444;--mt-orange: #f97316;--mt-yellow: #eab308;--mt-blue: #3b82f6;--mt-radius: 10px;--mt-radius-sm: 6px;--mt-shadow: 0 4px 20px rgba(0, 0, 0, .4)}.mt-dashboard{min-height:100vh;background:var(--mt-bg);color:var(--mt-text);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.875rem;display:flex;flex-direction:column}.mt-header{padding:1.75rem 2rem 1.25rem;background:linear-gradient(135deg,#0d1b32,#1a2744);border-bottom:1px solid var(--mt-border)}.mt-header h1{margin:0 0 .25rem;font-size:1.65rem;font-weight:700;color:#fff;letter-spacing:.01em}.mt-header p{margin:0 0 1.25rem;color:var(--mt-text-muted);font-size:.875rem}.mt-kpi-strip{display:flex;flex-wrap:wrap;gap:.75rem}.mt-kpi-chip{display:flex;flex-direction:column;gap:.2rem;background:#ffffff0f;border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:.6rem 1.2rem;min-width:160px;transition:background .2s}.mt-kpi-chip:hover{background:#ffffff1a}.mt-kpi-chip-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mt-text-dim);font-weight:500}.mt-kpi-chip-value{font-size:1.15rem;font-weight:700;color:var(--mt-accent-light)}.mt-tabs{display:flex;flex-wrap:wrap;gap:0;background:var(--mt-surface);border-bottom:2px solid var(--mt-border);padding:0 1.5rem}.mt-tab-btn{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.85rem 1.25rem;color:var(--mt-text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s,background .2s;white-space:nowrap;letter-spacing:.02em;border-radius:var(--mt-radius-sm) var(--mt-radius-sm) 0 0}.mt-tab-btn:hover{color:var(--mt-text);background:#ffffff0a}.mt-tab-btn.active{color:#fff;border-bottom-color:var(--mt-accent);background:#6366f11a}.mt-content{flex:1;padding:2rem;overflow-x:auto}.mt-section-title{font-size:1.1rem;font-weight:600;color:var(--mt-text);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--mt-border)}.mt-section-subtitle{font-size:.95rem;font-weight:600;color:var(--mt-text-muted);margin:0 0 .75rem}.mt-kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:.5rem}.mt-card{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:1.25rem 1.5rem;box-shadow:var(--mt-shadow);transition:transform .15s,box-shadow .15s}.mt-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000080}.mt-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mt-text-dim);font-weight:500;margin-bottom:.4rem}.mt-card-value{font-size:1.65rem;font-weight:700;color:var(--mt-accent-light);line-height:1}.mt-card-unit{font-size:.8rem;font-weight:400;color:var(--mt-text-muted);margin-left:.25rem}.mt-table-wrap{width:100%;overflow-x:auto;border-radius:var(--mt-radius);border:1px solid var(--mt-border);background:var(--mt-surface);box-shadow:var(--mt-shadow)}.mt-table{width:100%;border-collapse:collapse;font-size:.825rem;min-width:600px}.mt-table thead tr{background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.3)}.mt-table th{padding:.75rem 1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;color:var(--mt-text-muted);white-space:nowrap}.mt-table tbody tr{border-bottom:1px solid var(--mt-border);transition:background .15s}.mt-table tbody tr:nth-child(2n){background:#ffffff05}.mt-table tbody tr:hover{background:var(--mt-surface-hover)}.mt-table td{padding:.65rem 1rem;color:var(--mt-text);vertical-align:middle}.mt-empty{text-align:center;color:var(--mt-text-dim);padding:2rem!important;font-style:italic}.mt-mono{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.8rem;color:var(--mt-accent-light)}.mt-badge{display:inline-block;padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;text-transform:capitalize;background:#ffffff14;color:var(--mt-text);border:1px solid rgba(255,255,255,.12)}.mt-badge-green{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.mt-badge-red{background:#ef444426;color:#f87171;border-color:#ef44444d}.mt-badge-orange{background:#f9731626;color:#fb923c;border-color:#f973164d}.mt-badge-yellow{background:#eab30826;color:#facc15;border-color:#eab3084d}.mt-badge-blue{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.mt-badge-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem}.mt-badge-strip .mt-badge{font-size:.8rem;padding:.3rem .85rem}.mt-chart-container{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:1.5rem;height:320px;box-shadow:var(--mt-shadow)}.mt-row-clickable{cursor:pointer}.mt-row-clickable:hover{background:var(--mt-surface-hover)!important}.mt-row-expanded{background:#6366f112!important}.mt-reasons-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mt-text-muted)}.mt-expand-row td{padding:0!important}.mt-expand-content{background:#00000040;border-top:1px dashed rgba(99,102,241,.3);padding:1rem 1.5rem;color:var(--mt-text-muted);font-size:.82rem}.mt-expand-content strong{color:var(--mt-text)}.mt-expand-content ul{margin:.5rem 0 0 1rem;padding:0}.mt-expand-content li{margin-bottom:.3rem}.mt-expand-details{margin-top:.75rem}.mt-expand-details pre{background:#0000004d;border-radius:var(--mt-radius-sm);padding:.75rem;overflow-x:auto;font-size:.78rem;color:var(--mt-text-muted);border:1px solid var(--mt-border)}.mt-heatmap-wrap{overflow-x:auto;border-radius:var(--mt-radius);border:1px solid var(--mt-border);background:var(--mt-surface)}.mt-heatmap{border-collapse:collapse;font-size:.7rem}.mt-heatmap th{padding:.3rem .4rem;text-align:center;color:var(--mt-text-dim);font-weight:500;white-space:nowrap;background:#0003}.mt-heatmap-day{padding:.3rem .75rem;font-weight:600;color:var(--mt-text-muted);white-space:nowrap;background:#00000026;border-right:1px solid var(--mt-border)}.mt-heatmap-cell{width:28px;height:24px;border:1px solid rgba(255,255,255,.03);transition:transform .1s;cursor:default}.mt-heatmap-cell:hover{transform:scale(1.4);z-index:10;position:relative;border-color:#ffffff4d}.mt-score-gauge{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:1.5rem 2rem;text-align:center;min-width:150px;box-shadow:var(--mt-shadow);flex:1;max-width:220px}.mt-score-number{font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-.02em}.mt-score-label{margin-top:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mt-text-dim);font-weight:500}.mt-trend-up{color:#4ade80;font-weight:600}.mt-trend-down{color:#f87171;font-weight:600}.mt-trend-neutral{color:var(--mt-text-muted);font-weight:500}.mt-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.mt-export-btn{display:inline-flex;align-items:center;gap:.4rem;background:#6366f126;color:var(--mt-accent-light);border:1px solid rgba(99,102,241,.4);border-radius:var(--mt-radius-sm);padding:.55rem 1.2rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,transform .1s;letter-spacing:.02em}.mt-export-btn:hover:not(:disabled){background:#6366f147;border-color:var(--mt-accent);transform:translateY(-1px)}.mt-export-btn:active:not(:disabled){transform:translateY(0)}.mt-export-btn:disabled{opacity:.4;cursor:not-allowed}.mt-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.mt-loading{width:40px;height:40px;border:3px solid rgba(99,102,241,.15);border-top-color:var(--mt-accent);border-radius:50%;animation:mt-spin .75s linear infinite}@keyframes mt-spin{to{transform:rotate(360deg)}}.mt-loading-text{color:var(--mt-text-muted);font-size:.85rem;font-style:italic}.mt-error{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--mt-radius);padding:1rem 1.5rem;color:#fca5a5;font-size:.875rem;margin:1rem 0}.mt-error-icon{font-size:1.2rem;flex-shrink:0}@media (max-width: 768px){.mt-header{padding:1.25rem 1rem 1rem}.mt-content{padding:1rem}.mt-tabs{padding:0 .5rem}.mt-tab-btn{padding:.75rem .85rem;font-size:.78rem}.mt-kpi-cards{grid-template-columns:1fr 1fr}.mt-chart-container{height:240px;padding:1rem}.mt-score-gauge{min-width:110px;padding:1rem}.mt-score-number{font-size:2rem}}@media (max-width: 480px){.mt-kpi-cards{grid-template-columns:1fr}.mt-kpi-strip{flex-direction:column}.mt-kpi-chip{min-width:unset}}.mt-select-label{color:#94a3b8;font-size:.85rem;white-space:nowrap}.mt-select{background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:6px;padding:.35rem .65rem;font-size:.85rem;cursor:pointer;outline:none}.mt-select:focus{border-color:#6366f1}.mt-source-badge{font-size:.78rem;color:#94a3b8;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:12px;padding:.25rem .75rem;align-self:center}.mt-refresh-btn{margin-left:auto;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:6px;padding:.3rem .7rem;font-size:1rem;cursor:pointer;transition:color .2s,border-color .2s;align-self:center}.mt-refresh-btn:hover:not(:disabled){color:#6366f1;border-color:#6366f1}.mt-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.doc-page{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a1929,#1a237e);color:#fff;font-family:Segoe UI,sans-serif}.doc-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.doc-header-icon{font-size:3rem;line-height:1}.doc-header h1{font-size:2rem;margin:0 0 .25rem;color:#fff;text-shadow:0 0 20px rgba(0,255,255,.4)}.doc-header p{margin:0;color:#ffffff8c;font-size:.95rem}.doc-badge{display:inline-block;padding:.2rem .65rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-left:.75rem;vertical-align:middle}.doc-badge.admin{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.doc-badge.public{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#86efac}.doc-tabs{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:0}.doc-tab{padding:.6rem 1.2rem;border:none;background:transparent;color:#ffffff80;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.doc-tab:hover{color:#ffffffd9}.doc-tab.active{color:#0ff;border-bottom-color:#0ff}.doc-section{margin-bottom:2rem}.doc-section-title{font-size:1.1rem;font-weight:600;color:#0ff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.doc-section-title:after{content:"";flex:1;height:1px;background:#00ffff26;margin-left:.5rem}.doc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.doc-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem;transition:border-color .2s}.doc-card:hover{border-color:#00ffff40}.doc-card-title{font-size:.95rem;font-weight:600;color:#fff;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.doc-card-body{font-size:.82rem;color:#fff9;line-height:1.6}.doc-card-body strong{color:#ffffffd9}.doc-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.doc-table{width:100%;border-collapse:collapse;font-size:.82rem}.doc-table th{background:#00ffff0f;color:#0ff;font-weight:600;padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(0,255,255,.15);white-space:nowrap}.doc-table td{padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#ffffffbf;vertical-align:top}.doc-table tr:last-child td{border-bottom:none}.doc-table tr:hover td{background:#ffffff05}.doc-code{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem 1.25rem;font-family:Courier New,monospace;font-size:.8rem;color:#a5f3fc;overflow-x:auto;line-height:1.7;white-space:pre}.doc-code-inline{background:#0000004d;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:.1rem .4rem;font-family:Courier New,monospace;font-size:.78rem;color:#a5f3fc}.doc-info{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.doc-info.blue{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#bfdbfe}.doc-info.yellow{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#fde68a}.doc-info.green{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#bbf7d0}.doc-info.red{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fecaca}.doc-info-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.doc-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.doc-step{display:flex;gap:1rem;align-items:flex-start}.doc-step-num{width:28px;height:28px;border-radius:50%;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-step-content{font-size:.875rem;color:#ffffffbf;line-height:1.6;padding-top:.2rem}.doc-step-content strong{color:#fff}.doc-module-pill{display:inline-block;padding:.15rem .55rem;border-radius:20px;font-size:.72rem;font-weight:600;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:#0ff;margin:.1rem}.doc-method{display:inline-block;padding:.1rem .45rem;border-radius:4px;font-size:.7rem;font-weight:700;font-family:Courier New,monospace}.doc-method.get{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.doc-method.post{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fde68a}.doc-method.put{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#bfdbfe}.doc-method.delete{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fecaca}.doc-arch{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 900px){.doc-arch{grid-template-columns:1fr}}.doc-arch-layer{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem}.doc-arch-layer-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:.75rem}.doc-arch-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:8px;margin-bottom:.4rem;background:#ffffff08;font-size:.82rem;color:#fffc}.doc-arch-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.doc-faq{display:flex;flex-direction:column;gap:.75rem}.doc-faq-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.doc-faq-q{width:100%;text-align:left;padding:.9rem 1.25rem;background:transparent;border:none;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:background .2s}.doc-faq-q:hover{background:#ffffff0a}.doc-faq-q.open{color:#0ff;border-bottom:1px solid rgba(0,255,255,.1)}.doc-faq-chevron{font-size:.7rem;transition:transform .2s;flex-shrink:0}.doc-faq-q.open .doc-faq-chevron{transform:rotate(180deg)}.doc-faq-a{padding:1rem 1.25rem;font-size:.85rem;color:#ffffffb3;line-height:1.7}.doc-screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.doc-screen-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.doc-screen-card:hover{border-color:#00ffff4d;transform:translateY(-2px)}.doc-screen-header{background:#00ffff0f;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff;border-bottom:1px solid rgba(0,255,255,.1)}.doc-screen-body{padding:.85rem 1rem;font-size:.8rem;color:#fff9;line-height:1.6}.doc-screen-path{font-family:Courier New,monospace;font-size:.72rem;color:#0ff9;margin-top:.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1929,#0d2137,#1a237e);position:relative;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#00ffff80;border-radius:50%;bottom:-10px;animation:float-up linear infinite}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.login-container{position:relative;z-index:10;width:100%;max-width:420px;padding:2.5rem;background:#0a1929e6;border-radius:24px;border:1px solid rgba(0,255,255,.2);box-shadow:0 25px 50px #00000080,0 0 100px #00ffff1a,inset 0 0 60px #00ffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-header{text-align:center;margin-bottom:2rem}.logo-container{display:flex;justify-content:center;margin-bottom:1rem}.login-logo{width:80px;height:80px;border-radius:50%;border:3px solid rgba(0,255,255,.3);padding:5px;background:#00ffff0d;box-shadow:0 0 30px #00ffff4d;transition:all .3s ease}.login-logo:hover{transform:scale(1.05);box-shadow:0 0 50px #00ffff80}.login-title{font-size:2rem;font-weight:700;color:#fff;margin:0;letter-spacing:2px;text-shadow:0 0 30px rgba(0,255,255,.5)}.login-subtitle{font-size:.9rem;color:#00ffffb3;margin:.5rem 0 0;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:12px;color:#ff6b6b;font-size:.9rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.error-icon{font-size:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#fffc;font-weight:500}.label-icon{font-size:1rem}.input-container{position:relative}.form-input{width:100%;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.form-input::placeholder{color:#ffffff4d}.form-input:focus{border-color:#0ff;background:#00ffff0d;box-shadow:0 0 20px #0ff3}.form-input:disabled{opacity:.6;cursor:not-allowed}.input-glow{position:absolute;inset:0;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s ease}.form-input:focus+.input-glow,.form-input:focus~.input-glow{opacity:1;box-shadow:0 0 15px #00ffff4d}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.6;transition:opacity .3s ease;padding:0}.password-toggle:hover{opacity:1}.login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#0ff,#00bcd4);border:none;border-radius:12px;color:#0a1929;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .5s ease}.login-button:hover:before{transform:translate(100%)}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0ff6}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button.loading{background:linear-gradient(135deg,#00bcd4,#00838f)}.button-icon{font-size:1.2rem}.spinner{width:20px;height:20px;border:2px solid rgba(10,25,41,.3);border-top-color:#0a1929;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,255,255,.1)}.login-footer p{margin:0;font-size:.85rem;color:#ffffff80}.login-footer .version{margin-top:.5rem;font-size:.75rem;color:#0ff6}.login-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,255,255,.1)}.circle-1{width:600px;height:600px;top:-300px;right:-200px;animation:pulse 8s ease-in-out infinite}.circle-2{width:400px;height:400px;bottom:-200px;left:-100px;animation:pulse 6s ease-in-out infinite 1s}.circle-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 10s ease-in-out infinite 2s}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}@media (max-width: 480px){.login-container{margin:1rem;padding:2rem 1.5rem;border-radius:20px}.login-logo{width:70px;height:70px}.login-title{font-size:1.6rem}.login-subtitle{font-size:.8rem}.form-input{padding:.9rem 1rem;font-size:.95rem}.login-button{padding:.9rem 1.5rem;font-size:1rem}}@media (max-height: 700px){.login-container{padding:1.5rem}.login-header{margin-bottom:1.5rem}.login-logo{width:60px;height:60px}.login-title{font-size:1.5rem}.login-form{gap:1rem}.login-footer{margin-top:1.5rem;padding-top:1rem}}.admin-page{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#0a1929,#1a237e);color:#fff}.admin-header{margin-bottom:2rem}.admin-header h1{font-size:2rem;margin:0 0 .5rem;color:#fff;text-shadow:0 0 20px rgba(0,255,255,.3)}.admin-header p{margin:0;color:#fff9}.admin-error{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;margin-bottom:1.5rem;color:#fca5a5}.admin-error button{background:none;border:none;color:#fca5a5;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.admin-success{display:flex;align-items:center;padding:1rem;background:#22c55e33;border:1px solid rgba(34,197,94,.5);border-radius:8px;margin-bottom:1.5rem;color:#86efac}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:.5rem}.admin-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:#fff9;font-size:.95rem;cursor:pointer;border-radius:8px 8px 0 0;transition:all .3s ease}.admin-tab:hover{background:#00ffff1a;color:#0ff}.admin-tab.active{background:#00ffff26;color:#0ff;border-bottom:2px solid #00ffff}.admin-content{background:#ffffff08;border-radius:12px;border:1px solid rgba(0,255,255,.1);padding:1.5rem}.admin-section h2{margin:0 0 1.5rem;font-size:1.3rem;color:#0ff}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0;display:flex;align-items:center;gap:.75rem}.badge{background:#0ff3;color:#0ff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.loading{text-align:center;padding:3rem;color:#ffffff80}.users-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{color:#fff9;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.admin-table tbody tr:hover{background:#00ffff0d}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ff,#00bcd4);color:#0a1929;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.user-fullname{font-weight:600}.user-username{font-size:.8rem;color:#ffffff80}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;background:#00ffff1a;color:#0ff;border:1px solid rgba(0,255,255,.3)}.role-badge.admin{background:#ffc10733;color:#ffc107;border-color:#ffc10780}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem}.status-badge.active{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.5)}.status-badge.inactive{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.inactive-row{opacity:.6}.action-buttons{display:flex;gap:.5rem}.btn-small{padding:.4rem .6rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#0ff,#00bcd4);color:#0a1929;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #00ffff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#fff3}.btn-small.btn-primary,.btn-small.btn-secondary{padding:.4rem .6rem}.btn-small.btn-danger{background:#ef444433;color:#fca5a5}.btn-small.btn-danger:hover{background:#ef444466}.btn-small.btn-danger:disabled{opacity:.5;cursor:not-allowed}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.role-card{background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:1.5rem;transition:all .3s ease}.role-card:hover{border-color:#00ffff80;transform:translateY(-2px)}.role-card.admin{border-color:#ffc10780;background:#ffc1070d}.role-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.role-header h3{margin:0;font-size:1.2rem;color:#fff}.admin-badge{background:#ffc10733;color:#ffc107;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.role-code{font-size:.85rem;color:#00ffffb3;margin:0 0 .5rem}.role-description{font-size:.9rem;color:#fff9;margin:0 0 1rem}.role-stats{display:flex;gap:1rem;font-size:.85rem;color:#ffffff80;margin-bottom:1rem}.role-permissions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.perm-tag{background:#00ffff1a;color:#0ff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.perm-more{background:#ffffff1a;color:#fff9;padding:.2rem .5rem;border-radius:4px;font-size:.75rem}.role-actions{display:flex;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:1.5rem;text-align:center}.stat-card.warning{background:#ef44440d;border-color:#ef44444d}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:700;color:#0ff}.stat-card.warning .stat-value{color:#fca5a5}.stat-label{font-size:.9rem;color:#fff9}.role-distribution{margin-bottom:2rem}.role-bar{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.role-bar-label{width:120px;font-size:.9rem}.role-bar-container{flex:1;height:24px;background:#ffffff1a;border-radius:4px;overflow:hidden}.role-bar-fill{height:100%;background:linear-gradient(90deg,#0ff,#00bcd4);border-radius:4px;min-width:2px;transition:width .5s ease}.role-bar-count{width:40px;text-align:right;font-weight:600}.recent-logins{background:#0003;border-radius:8px;padding:1rem}.login-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.login-item:last-child{border-bottom:none}.login-user{font-weight:600}.login-ip{color:#ffffff80;font-size:.85rem}.login-time{color:#00ffffb3;font-size:.85rem}.logs-list{max-height:600px;overflow-y:auto}.log-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.log-action{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;color:#fff;min-width:120px;text-align:center}.log-details{flex:1;display:flex;justify-content:space-between}.log-user{font-weight:600}.log-ip,.log-time{color:#ffffff80;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.modal{background:#1a1a2e;border:1px solid rgba(0,255,255,.3);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal.modal-large{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(0,255,255,.2)}.modal-header h3{margin:0;color:#0ff}.modal-close{background:none;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#fff}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid rgba(0,255,255,.2)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#fffc;font-size:.9rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0ff}.form-group input:disabled{opacity:.6}.form-group textarea{min-height:80px;resize:vertical}.permissions-table{background:#0003;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.permissions-table table{width:100%;border-collapse:collapse}.permissions-table th,.permissions-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.permissions-table th{color:#fff9;font-size:.85rem}.permissions-table td:nth-child(2),.permissions-table td:nth-child(3),.permissions-table th:nth-child(2),.permissions-table th:nth-child(3){text-align:center;width:80px}.permissions-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.module-icon{margin-right:.5rem}.modules-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;background:#0003;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s ease}.checkbox-label:hover{background:#00ffff1a}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.role-select{margin-top:1.5rem}.role-select label{display:block;margin-bottom:.5rem;color:#fffc}.role-select select{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(0,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem}@media (max-width: 768px){.admin-page{padding:1rem}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;min-width:120px;text-align:center}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-grid{grid-template-columns:1fr 1fr}.roles-grid{grid-template-columns:1fr}.log-details{flex-direction:column;gap:.25rem}.modal{margin:1rem;max-height:85vh}}.app-wrapper{display:flex;min-height:100vh;width:100%}.app-container{flex:1;margin-left:280px;width:calc(100% - 280px);overflow-x:hidden;overflow-y:auto;height:100vh}.app-fullscreen{width:100vw;height:100vh;overflow:hidden}@media (max-width: 1024px){.app-container{margin-left:240px;width:calc(100% - 240px)}}@media (max-width: 768px){.app-container{margin-left:0;width:100%;padding-top:60px}}#root{max-width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}