.navbar{align-items:center;background:linear-gradient(180deg,#fff,#f8fafb);border-bottom:1px solid #e8ecf1;display:flex;height:72px;justify-content:space-between;left:240px;left:var(--sidebar-width,240px);padding:0 24px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:1000}.navbar-left{justify-content:center;min-width:50px}.sidebar-toggle-btn{flex-shrink:0}@media (max-width:768px){.navbar{margin-left:0}}.navbar-left{align-items:center;display:flex;flex:0 0 auto;gap:20px}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#1e5a96,#0d3b66);border:none;border-radius:12px;box-shadow:0 2px 8px #1e5a9626;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.sidebar-toggle-btn:hover{box-shadow:0 8px 24px #1e5a9640;transform:translateY(-2px)}.sidebar-toggle-btn:active{transform:translateY(0)}@media (max-width:768px){.sidebar-toggle-btn{display:flex}}.navbar-center{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0;pointer-events:none}.navbar-logo-wrapper{align-items:center;display:flex;gap:12px}.navbar-logo-icon{align-items:center;animation:float 3s ease-in-out infinite;display:none;font-size:28px;justify-content:center}@media (max-width:768px){.navbar-logo-icon{display:flex}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.navbar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e5a96,#0d3b66);-webkit-background-clip:text;background-clip:text;color:#1a3a52;display:none;font-size:20px;font-weight:800;letter-spacing:-.3px}@media (max-width:768px){.navbar-logo-text{display:block}}.navbar-right{align-items:center;display:flex;flex:0 0 auto;gap:16px}.navbar-logo-img{height:70px;object-fit:contain;width:auto}.profile-container{position:relative}.profile-trigger{align-items:center;background:linear-gradient(135deg,#f0f4f9,#e9ecf1);border:1px solid #dce3ec;border-radius:12px;box-shadow:0 1px 4px #00000005;cursor:pointer;display:flex;gap:8px;gap:10px;padding:6px 10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-trigger:hover{background:linear-gradient(135deg,#e3ecf3,#dae6f0);border-color:#c0d8f0;box-shadow:0 6px 18px #1e5a962e}.profile-avatar{align-items:center;background:linear-gradient(135deg,#1e5a96,#0d3b66);border-radius:10px;box-shadow:0 2px 8px #1e5a9640;color:#fff;display:flex;font-size:12px;font-weight:800;height:38px;justify-content:center;transition:all .3s ease;width:38px}.profile-trigger:hover .profile-avatar{box-shadow:0 4px 12px #1e5a9659;transform:scale(1.08)}.profile-chevron{color:#1e5a96;transition:transform .3s cubic-bezier(.4,0,.2,1)}.profile-trigger:hover .profile-chevron{transform:rotate(180deg)}.profile-dropdown-menu{animation:menu-slide-in .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #f0f2f5;border-radius:16px;box-shadow:0 20px 64px #0000001f;overflow:hidden;position:absolute;right:0;top:60px;width:300px;z-index:1001}@keyframes menu-slide-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{align-items:center;background:linear-gradient(135deg,#f8fafb,#f0f4f9);border-bottom:1px solid #f0f2f5;display:flex;gap:14px;padding:20px 24px}.profile-menu-avatar{align-items:center;background:linear-gradient(135deg,#1e5a96,#0d3b66);border-radius:12px;box-shadow:0 3px 12px #1e5a964d;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:48px;justify-content:center;transition:all .3s ease;width:48px}.profile-menu-header:hover .profile-menu-avatar{transform:scale(1.08)}.profile-menu-info{flex:1 1;min-width:0}.profile-menu-name{color:#1a3a52;font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0 0 4px}.profile-menu-name,.profile-menu-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-role{color:#8a9aaa;font-size:12px;font-weight:600;margin:0;text-transform:capitalize}.profile-menu-divider{background:linear-gradient(90deg,#0000,#f0f2f5 50%,#0000);height:1px}.profile-menu-item{align-items:center;background:none;border:none;color:#1a3a52;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.profile-menu-item:hover{background:linear-gradient(135deg,#f8fafc,#f5f8fd);color:#1e5a96;transform:translateX(4px)}.profile-menu-item svg{color:currentColor;flex-shrink:0;transition:all .3s ease}.profile-menu-item:hover svg{transform:scale(1.15)}.profile-menu-logout{border-top:1px solid #f5f7fb;color:#ef4444}.profile-menu-logout:hover{background:linear-gradient(135deg,#fff5f5,#ffe8e8);color:#dc2626}.sidebar-overlay{animation:overlay-fade-in .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.sidebar{background:linear-gradient(180deg,#0d3b66,#1a5490);box-shadow:2px 0 16px #0d3b661f;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:240px;z-index:999}.sidebar.collapsed{width:70px}@media (max-width:768px){.sidebar{box-shadow:8px 0 40px #0000001a;left:-240px;position:fixed;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0}}.sidebar-header{background:#1a4d84;border-bottom:1px solid #ffffff14;height:72px}.sidebar-header,.sidebar-menu-btn{align-items:center;display:flex;justify-content:center}.sidebar-menu-btn{background:#ffffff26;border:none;border-radius:14px;color:#fff;cursor:pointer;height:45px;transition:all .3s ease;width:45px}.sidebar-menu-btn:hover{background:#ffffff40}.sidebar-logo{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:800;gap:12px;letter-spacing:-.3px;transition:all .3s ease}.sidebar-logo.collapsed{gap:0;justify-content:center;width:100%}.sidebar-logo-icon{flex-shrink:0;font-size:28px}.sidebar-logo-text,.sidebar-tooltip{transition:opacity .3s ease;white-space:nowrap}.sidebar-tooltip{background:#0d3b66f2;border-radius:8px;color:#fff;font-size:12px;font-weight:700;left:100%;margin-left:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.sidebar:hover .sidebar-tooltip{opacity:1}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 8px}.nav-section{margin-bottom:12px}.nav-section-title{color:#ffffff80;font-size:11px;font-weight:800;letter-spacing:.8px;margin:0;padding:12px 16px 8px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:12px;justify-content:center;margin:6px 0;padding:14px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-year-filter{align-items:center;display:flex;gap:10px}.navbar-year-filter label{color:#64748b;font-size:13px;font-weight:700}.navbar-year-filter select{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-weight:600;height:40px;padding:0 16px}.nav-icon{flex-shrink:0;font-size:20px;transition:all .3s ease}.nav-label{flex:1 1;white-space:nowrap}.nav-tooltip{background:#0d3b66f2;border-radius:8px;color:#fff;font-size:12px;font-weight:700;left:100%;margin-left:8px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:10}.sidebar.collapsed .sidebar-link:hover .nav-tooltip{opacity:1}.sidebar-link:hover{background:#ffffff26;color:#fff;transform:translateX(2px)}.sidebar-link:hover .nav-icon{transform:scale(1.15)}.sidebar-link.active{background:linear-gradient(135deg,#1e5a96,#0d3b66cc);border-left:4px solid #fffc;box-shadow:0 4px 16px #ffffff26;color:#fff;font-weight:800;position:relative}.sidebar.collapsed .sidebar-link.active{border-left:0;border-radius:10px}.nav-divider{background:linear-gradient(90deg,#0000,#0066cc1a 50%,#0000);height:1px;margin:12px 0}.sidebar-footer{background:linear-gradient(135deg,#f8fafb,#f0f4f9);border-top:1px solid #f0f2f5;padding:20px;text-align:center}.sidebar-footer p{color:#8a9aaa;font-size:12px;font-weight:700;margin:0 0 10px}.support-link{color:#06c;font-size:13px;font-weight:800;text-decoration:none;transition:all .3s ease}.support-link:hover{color:#0052a3;text-decoration:underline}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#0066cc26;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0066cc4d}@media (max-width:768px){.navbar{height:64px;padding:0 16px}.navbar-logo-text{display:none}.navbar-logo-icon{font-size:24px}.notification-dropdown{right:-12px;width:340px}.profile-dropdown-menu{right:-12px;width:280px}.notification-btn,.profile-trigger,.sidebar-toggle-btn{height:40px;width:40px}.sidebar-toggle-btn svg{height:18px;width:18px}.navbar-right{gap:12px}.profile-avatar{height:34px;width:34px}.navbar-center{pointer-events:none}}@media (max-width:480px){.navbar{height:60px;padding:0 12px}.notification-btn,.profile-trigger,.sidebar-toggle-btn{height:38px;width:38px}.profile-avatar{font-size:10px;height:32px;width:32px}.navbar-right{gap:10px}.notification-dropdown{right:-8px;width:300px}.profile-dropdown-menu{right:-8px;width:260px}.navbar-logo-icon{font-size:20px}}.dashboard-page{background:linear-gradient(135deg,#f9fafb,#f3f4f6);margin-left:var(--sidebar-width);min-height:100vh;padding-top:72px;transition:margin-left .3s ease}.dashboard-header-top{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000f;padding:28px 32px}.dashboard-title{color:#111827;font-size:32px;font-weight:800;letter-spacing:-.8px;margin:0}.dashboard-filter-bar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:24px 32px}.dashboard-filter-wrapper{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:1400px}.dashboard-label{flex:1 1}.dashboard-section-title{color:#1f2937;font-size:22px;font-weight:700;margin:0}.filter-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;min-width:180px;padding:12px 14px;transition:all .3s ease}.filter-select:hover{background:#fafafa;border-color:#d1d5db}.filter-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.dashboard-container{margin:0 auto;max-width:1400px;padding:32px;padding:40px 32px}.charts-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr)}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.chart-card:before{background:linear-gradient(90deg,#2563eb,#1e40af);content:"";height:4px;left:0;position:absolute;right:0;top:0}.chart-card.chart-card-devices:before{background:linear-gradient(90deg,#10b981,#059669)}.chart-card.chart-card-complaints:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.chart-card.chart-card-technicians:before{background:linear-gradient(90deg,#a855f7,#9333ea)}.chart-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.chart-icon{align-items:center;background:#dbeafe;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:16px;width:48px}.chart-icon.chart-icon-green{background:#d1fae5}.chart-icon.chart-icon-orange{background:#fed7aa}.chart-icon.chart-icon-purple{background:#e9d5ff}.chart-title{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 24px}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-header-top{padding:24px}.dashboard-title{font-size:26px}.dashboard-filter-bar{padding:20px 24px}.dashboard-filter-wrapper{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-section-title{font-size:18px}.filter-controls{gap:16px;justify-content:flex-start}.filter-select{min-width:160px}.dashboard-container{padding:32px 24px}.charts-grid{gap:24px;grid-template-columns:1fr}.chart-card{padding:24px}.chart-title{font-size:16px;margin-bottom:20px}}@media (max-width:480px){.dashboard-header-top{padding:20px 16px}.dashboard-title{font-size:22px}.dashboard-filter-bar{padding:16px}.dashboard-filter-wrapper{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-section-title{font-size:16px}.filter-controls{flex-direction:column;gap:12px;justify-content:flex-start;width:100%}.filter-group{width:100%}.filter-select{font-size:13px;padding:10px 12px;width:100%}.dashboard-container{padding:24px 16px}.charts-grid{gap:20px;grid-template-columns:1fr}.chart-card{padding:20px}.chart-icon{font-size:20px;height:40px;width:40px}.chart-title{font-size:14px;margin-bottom:16px}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{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{box-sizing:border-box;height:0;width:0;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{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.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;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.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{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{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:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width: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{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.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);height:36px;width: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{height:44px;width: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{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;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{border-top:1px solid #ddd;height:0;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{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.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{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.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{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.map-container{background:#fff;border:1px solid #e9ecf1;border-radius:12px;box-shadow:0 2px 8px #0000000d;height:600px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.map-view{height:100%;width:100%;z-index:1}.map-empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.empty-icon{font-size:64px;opacity:.3}.empty-message{color:#7a8fa0;font-size:14px;font-weight:500;margin:0;opacity:.7}.marker-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.popup-name{color:#1a3a52;font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:5px}.popup-email{color:#667eea;margin-bottom:3px;word-break:break-all}.popup-email,.popup-phone{font-size:11px;font-weight:600}.popup-phone{color:#2c3e50;margin-bottom:5px}.popup-coords{background:#667eea14;border:1px solid #667eea26;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:.3px;margin-top:5px;padding:4px 8px}@media (max-width:768px){.map-container{height:450px;margin-bottom:24px}.empty-icon{font-size:48px}.empty-message,.popup-name{font-size:13px}.popup-email,.popup-phone{font-size:11px}.popup-coords{font-size:10px}}@media (max-width:480px){.map-container{height:350px;margin-bottom:20px}.empty-icon{font-size:40px}.empty-message,.popup-name{font-size:12px}.popup-name{margin-bottom:4px}.popup-email,.popup-phone{font-size:10px}.popup-coords{font-size:9px;padding:3px 6px}}.users-page{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-sizing:border-box;margin-left:var(--sidebar-width);min-height:100vh;padding:90px 30px 30px;transition:margin-left .3s ease}.users-container{margin:0 auto;max-width:1400px}.btn-add-user,.btn-download,.btn-toggle-view{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-toggle-view{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-toggle-view.active,.btn-toggle-view:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.3px;padding:16px 14px;text-align:center;text-transform:uppercase}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.users-table tbody tr:hover{background:#f9fafb;box-shadow:inset 0 0 4px #2563eb0d}.users-table td{color:#1f2937;padding:16px 14px;text-align:center}.user-uuid{color:#9ca3af;font-family:monospace;font-size:12px}.user-name{color:#1f2937;font-weight:600}.user-email{color:#6b7280}.user-address{color:#6b7280;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-coords{font-size:13px}.coords-badge{background:#dbeafe;border-radius:8px;color:#1e40af;display:inline-block;font-family:monospace;font-size:12px;font-weight:600;padding:6px 12px}.coords-empty{color:#d1d5db}.modal-body{padding:32px}.form-section{margin-bottom:32px}.section-title{color:#374151;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.form-label{letter-spacing:.2px}@media (max-width:768px){.users-page{padding:24px}.page-title{font-size:26px}.controls-section{flex-direction:column;gap:16px}.search-container{width:100%}.action-buttons{flex-wrap:wrap;width:100%}.btn-add-user,.btn-download,.btn-toggle-view{flex:1 1;min-width:120px}.modal-content{width:95%}.modal-body,.modal-header{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.users-table{font-size:12px}.users-table td,.users-table th{padding:12px 10px}.pagination-container{flex-direction:column;gap:16px}}@media (max-width:480px){.users-page{padding:16px}.page-title{font-size:22px}.controls-section{flex-direction:column;gap:12px;padding:16px}.action-buttons{flex-direction:column;gap:10px;width:100%}.btn-add-user,.btn-download,.btn-toggle-view{width:100%}.modal-content{max-height:95vh;width:95%}.modal-header{padding:20px 16px}.modal-title{font-size:18px}.modal-body{padding:20px 16px}.form-section{margin-bottom:24px}.form-row{gap:12px;grid-template-columns:1fr}.form-input{font-size:13px;padding:10px 12px}.modal-footer{flex-direction:column-reverse;padding:16px}.btn-cancel,.btn-save{font-size:13px;padding:10px 16px;width:100%}.users-table{font-size:11px}.users-table td,.users-table th{padding:10px 8px}.actions-cell{flex-direction:column}.btn-delete,.btn-edit{width:100%}.pagination-container{flex-direction:column;gap:12px;padding:16px}.pagination-info{font-size:12px}}.devices-page{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-sizing:border-box;margin-left:var(--sidebar-width);min-height:100vh;padding:90px 30px 30px;transition:margin-left .3s ease}.devices-container{margin:0 auto;max-width:1400px}.btn-add-user,.btn-download{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-add-user{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}.btn-add-user:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.user-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:2px solid #d1d5db;border-radius:14px;color:#1f2937;cursor:pointer;font-size:15px;font-weight:600;height:58px;padding:0 18px;transition:all .3s ease;width:100%}.user-select:hover{border-color:#60a5fa}.user-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26;outline:none}.user-select option{background:#fff;color:#1f2937;font-weight:500;padding:12px}.tech-not-assigned{background:#f3f4f6;color:#4b5563}.tech-pending{background:#fef3c7;color:#92400e}.tech-accepted{background:#dcfce7;color:#166534}.tech-rejected{background:#fee2e2;color:#991b1b}.tech-installed{background:#dbeafe;color:#1d4ed8}.devices-table{border-collapse:collapse;font-size:14px;width:100%}.devices-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.devices-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.3px;padding:16px 14px;text-align:center;text-transform:uppercase}.devices-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.devices-table tbody tr:hover{background:#f9fafb;box-shadow:inset 0 0 4px #2563eb0d}.devices-table td{color:#1f2937;padding:16px 14px;text-align:center}.device-name,.device-owner{color:#1f2937;font-weight:600}.created-on{color:#6b7280}.actions-cell{display:flex;gap:8px;justify-content:center}.btn-delete,.btn-edit{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.btn-edit{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.btn-edit:hover{background:#bfdbfe;border-color:#60a5fa;box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)}.btn-delete{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.btn-delete:hover{background:#fecaca;border-color:#f87171;box-shadow:0 4px 12px #991b1b33;transform:translateY(-2px)}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#fee2e2;color:#991b1b}.badge-maintenance{background:#fef3c7;color:#92400e}.modal-overlay{align-items:center;animation:fadeInModal .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInModal .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:28px 32px}.modal-title{color:#111827;font-size:22px;font-weight:800;margin:0}.modal-close{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.modal-body{padding:40px}.form-section{margin-bottom:40px}.form-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;color:#1e3a8a;font-size:18px;font-weight:800;margin-bottom:32px;padding-bottom:14px}.form-row{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{gap:10px;margin-bottom:24px}.form-label{color:#1f2937;letter-spacing:.5px;margin-bottom:4px}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.form-input::placeholder{color:#9ca3af}.form-input:hover{border-color:#d1d5db}.form-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.form-input:read-only{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.modal-footer{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel,.btn-save{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel{background:#fff}.btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}.btn-save:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.device-view-button{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#2f80ed;cursor:pointer;display:inline-flex;font:600 12px inherit;gap:7px;padding:9px 13px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.device-view-button:hover{background:#dbeafe;box-shadow:0 5px 14px #2f80ed2e;transform:translateY(-1px)}.device-detail-overlay{animation:fadeInModal .22s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a7a;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1100}.device-detail-modal{animation:slideInModal .25s ease;background:#fff;border-radius:20px;box-shadow:0 24px 70px #0f172a3d;max-height:calc(100vh - 48px);overflow:hidden auto;width:min(760px,100%)}.device-detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 26px 20px}.device-detail-eyebrow{color:#6b7280;display:block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:5px;text-transform:uppercase}.device-detail-title{color:#111827;font-size:21px;font-weight:800;margin:0}.device-detail-close{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:grid;height:38px;place-items:center;transition:background .2s ease,color .2s ease,transform .2s ease;width:38px}.device-detail-close:hover{background:#eff6ff;color:#2f80ed;transform:rotate(90deg)}.device-detail-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 26px 0}.device-detail-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:inline-flex;font:700 13px inherit;gap:7px;padding:12px 4px;transition:border-color .2s ease,color .2s ease}.device-detail-tab.active{border-color:#2f80ed;color:#2f80ed}.device-detail-body,.device-image-body{padding:26px}.installation-reading-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.device-values-panel{grid-gap:20px;display:grid;gap:20px}.device-values-heading{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.device-values-heading h3,.values-channel-header h4{color:#111827;font-size:18px;font-weight:800;margin:0}.device-values-heading p{color:#6b7280;font-size:13px;margin:6px 0 0}.btn-cancel-values,.btn-edit-values,.btn-save-values{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font:700 13px inherit;gap:8px;justify-content:center;padding:11px 16px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn-cancel-values,.btn-edit-values{background:#eff6ff;border:1px solid #bfdbfe;color:#2f80ed}.btn-cancel-values:hover,.btn-edit-values:hover{background:#dbeafe;box-shadow:0 5px 14px #2f80ed2e;transform:translateY(-1px)}.values-channel-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.values-channel-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 14px #0f172a0d;padding:18px}.values-channel-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:11px;padding-bottom:16px}.values-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:16px}.values-field{grid-gap:7px;color:#6b7280;display:grid;font-size:11px;font-weight:700;gap:7px;letter-spacing:.03em;min-width:0;text-transform:uppercase}.values-field strong{color:#111827;font-size:18px;letter-spacing:normal;text-transform:none}.values-field small{color:#6b7280;font-size:11px}.value-setting-input{box-sizing:border-box;width:100%}.values-editor-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.btn-save-values{background:linear-gradient(135deg,#2563eb,#1e40af);border:1px solid #1e40af;color:#fff}.btn-save-values:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-1px)}.installation-reading-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 5px 14px #0f172a0d;display:flex;gap:10px;min-width:0;padding:16px 12px}.installation-reading-icon{border-radius:12px;display:grid;flex:0 0 38px;height:38px;place-items:center;width:38px}.installation-reading-icon.energy{background:#fff7ed;color:#ea580c}.installation-reading-icon.voltage{background:#f5f3ff;color:#7c3aed}.installation-reading-icon.flow{background:#eff6ff;color:#2f80ed}.installation-reading-label{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.03em;margin-bottom:5px;text-transform:uppercase}.installation-reading-card strong{color:#111827;display:block;font-size:17px;white-space:nowrap}.installation-reading-card small{color:#6b7280;font-size:11px;font-weight:600}.installation-date{align-items:center;background:#f8fafc;border-radius:13px;color:#4b5563;display:flex;font-size:13px;gap:10px;margin-top:18px;padding:14px 15px}.installation-date svg{color:#2f80ed}.installation-date strong{color:#111827}.installation-comment-card{background:linear-gradient(135deg,#f8fbff,#eff6ff);border:1px solid #dbeafe;border-radius:16px;color:#2f80ed;display:flex;gap:13px;padding:20px}.installation-comment-card p{color:#374151;font-size:14px;line-height:1.65;margin:0}.device-image-modal{width:min(620px,100%)}.device-image-body{grid-gap:18px;display:grid;gap:18px}.installation-image-preview{background:#f8fafc;border-radius:16px;max-height:420px;object-fit:contain;width:100%}.installation-image-empty{grid-gap:8px;align-content:center;background:#f8fbff;border:1px dashed #bfdbfe;border-radius:16px;color:#2f80ed;display:grid;gap:8px;min-height:240px;place-items:center}.installation-image-empty p{color:#6b7280;font-size:14px;margin:0}.installation-image-download{align-items:center;background:#2f80ed;border-radius:11px;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;justify-self:center;padding:11px 17px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.installation-image-download:hover{background:#2563eb;box-shadow:0 6px 16px #2f80ed47;transform:translateY(-1px)}@media (max-width:768px){.devices-page{padding:24px}.page-title{font-size:26px}.controls-section{flex-direction:column;gap:16px}.search-container{width:100%}.action-buttons{flex-wrap:wrap;width:100%}.btn-add-user,.btn-download{flex:1 1;min-width:120px}.modal-content{width:95%}.modal-body,.modal-header{padding:24px}.form-row{gap:16px;grid-template-columns:1fr}.devices-table{font-size:12px}.devices-table td,.devices-table th{padding:12px 10px}.pagination-container{flex-direction:column;gap:16px}.installation-reading-grid,.values-channel-grid{grid-template-columns:1fr}}@media (max-width:480px){.devices-page{padding:16px}.page-title{font-size:22px}.controls-section{flex-direction:column;gap:12px;padding:16px}.action-buttons{flex-direction:column;gap:10px;width:100%}.btn-add-user,.btn-download{width:100%}.modal-content{max-height:95vh;width:95%}.modal-header{padding:20px 16px}.modal-title{font-size:18px}.modal-body{padding:20px 16px}.form-section{margin-bottom:24px}.form-row{gap:12px;grid-template-columns:1fr}.form-input{font-size:13px;padding:10px 12px}.modal-footer{flex-direction:column-reverse;padding:16px}.btn-cancel,.btn-save{font-size:13px;padding:10px 16px;width:100%}.devices-table{font-size:11px}.devices-table td,.devices-table th{padding:10px 8px}.actions-cell{flex-direction:column}.btn-delete,.btn-edit{width:100%}.pagination-container{flex-direction:column;gap:12px;padding:16px}.pagination-info{font-size:12px}.device-detail-overlay{padding:14px}.device-detail-body,.device-detail-header,.device-image-body{padding-left:18px;padding-right:18px}.device-detail-tabs{padding:10px 18px 0}.device-values-heading,.values-editor-actions{align-items:stretch;flex-direction:column}.btn-cancel-values,.btn-edit-values,.btn-save-values{width:100%}.values-field-grid{grid-template-columns:1fr}.installation-date{align-items:flex-start}}.device-analysis-page{background:#f7f9f8;margin-left:var(--sidebar-width);min-height:100vh;padding:96px 30px 30px;transition:margin-left .3s ease}.device-analysis-content{margin:0 auto;max-width:1600px}.device-summary-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.device-summary-card{align-items:center;background:#fff;border:1px solid #e7ece9;border-radius:16px;box-shadow:0 2px 8px #172b240a;display:flex;gap:14px;min-height:104px;padding:20px}.device-summary-icon{border-radius:12px;display:grid;height:44px;place-items:center;width:44px}.device-summary-icon--neutral{background:#e9f5ef;color:#2b6d58}.device-summary-icon--online{background:#e8f7ec;color:#15803d}.device-summary-icon--offline{background:#fff1eb;color:#c75c35}.device-summary-label{color:#708078;font-size:13px;font-weight:600;margin:0 0 4px}.device-summary-value{color:#1b2b25;font-size:28px;font-weight:700;letter-spacing:-.7px}.device-analysis-card{background:#fff;border:1px solid #e7ece9;border-radius:16px;box-shadow:0 2px 10px rgba(23,43,36,.045);overflow:visible}.analysis-toolbar{grid-gap:20px;align-items:center;border-bottom:1px solid #edf0ee;display:grid;gap:20px;grid-template-columns:minmax(320px,1fr) auto minmax(420px,1fr);min-height:92px;padding:18px 22px;position:relative}.analysis-toolbar-left,.analysis-toolbar-right{align-items:center;display:flex}.analysis-toolbar-left{gap:10px}.analysis-toolbar-right{gap:10px;justify-content:flex-end}.analysis-toolbar-title{color:#1b2b25;font-size:20px;font-weight:700;letter-spacing:-.35px;margin:0;white-space:nowrap}.device-search{align-items:center;display:flex;position:relative;width:min(280px,100%)}.device-search-icon{color:#809087;left:12px;pointer-events:none;position:absolute;z-index:1}.device-search-input{background:#fff;border:1px solid #d9e2dc;border-radius:10px;color:#24342d;font-size:13px;height:39px;outline:none;padding:8px 34px 8px 38px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.device-search-input:focus{border-color:#5a8fc5;box-shadow:0 0 0 3px #4a84be24}.device-search-clear{background:#0000;border-radius:7px;color:#809087;display:grid;height:28px;padding:0;place-items:center;position:absolute;right:4px;width:28px}.device-search-clear:hover{background:#edf5fd;color:#356fae}.device-search-menu{background:#fff;border:1px solid #dbe6f0;border-radius:12px;box-shadow:0 14px 32px #27527d29;box-sizing:border-box;left:0;max-height:340px;overflow-y:auto;padding:7px;position:absolute;scrollbar-color:#b8cfe4 #0000;scrollbar-width:thin;top:calc(100% + 8px);width:100%;z-index:20}.device-search-option{grid-gap:10px;align-items:center;background:#0000;border-radius:9px;color:#26372f;display:grid;font-size:13px;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;padding:10px 9px;text-align:left;transition:background-color .16s ease,color .16s ease;width:100%}.device-search-option--selected,.device-search-option:hover{background:#edf5fd;color:#245b91}.device-search-option-icon{background:#eaf3fc;border-radius:8px;color:#356fae;display:grid;height:30px;place-items:center;width:30px}.device-search-option-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.device-search-option-copy strong{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-search-option-copy small{color:#77867e;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-search-option-status{align-items:center;display:inline-flex;font-size:11px;font-weight:600;gap:5px}.device-search-option-status>span{background:currentColor;border-radius:50%;height:6px;width:6px}.device-search-option-status--active{color:#168146}.device-search-option-status--inactive{color:#9b624d}.device-search-empty{color:#71839a;font-size:13px;margin:0;padding:20px 12px;text-align:center}.toolbar-button{align-items:center;border:1px solid #0000;border-radius:9px;display:inline-flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;min-height:39px;padding:8px 12px;white-space:nowrap}.toolbar-button--light{background:#fff;border-color:#d9e2dc;color:#3b5146}.toolbar-button--light:hover:not(:disabled){background:#f3f8f5;border-color:#b8d5c6;color:#256c54}.toolbar-button:disabled{cursor:not-allowed;opacity:.5}.telemetry-charts-shell{padding:22px}.telemetry-charts-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry-chart-card{background:#fff;border:1px solid #e8eeea;border-radius:12px;min-width:0;padding:18px}.telemetry-chart-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.telemetry-chart-heading h2{color:#294238;font-size:15px;font-weight:700;margin:0}.telemetry-chart-heading p{color:#77867e;font-size:11px;margin:4px 0 0}.telemetry-chart-unit{background:#edf5fd;border-radius:6px;color:#356fae;font-size:11px;font-weight:700;padding:4px 7px}.telemetry-chart-card--full{grid-column:1/-1}.telemetry-chart-unit--alert{background:#fdecec;color:#c23434}.telemetry-chart-plot{height:250px;width:100%}.telemetry-chart-tooltip{background:#fff;border:1px solid #d9e2dc;border-radius:8px;box-shadow:0 8px 20px #172b241f;display:flex;flex-direction:column;gap:3px;min-width:105px;padding:9px 10px}.telemetry-chart-tooltip p,.telemetry-chart-tooltip span,.telemetry-chart-tooltip strong{margin:0}.telemetry-chart-tooltip p,.telemetry-chart-tooltip span{color:#718078;font-size:11px}.telemetry-chart-tooltip strong{color:#294238;font-size:13px}.chart-empty-state,.chart-state{align-items:center;color:#7b8982;display:flex;font-size:13px;gap:8px;justify-content:center;min-height:320px}.chart-empty-state{color:#71839a;flex-direction:column;gap:10px}.chart-empty-state-icon{background:#edf5fd;border:1px solid #dbe9f7;border-radius:12px;color:#4d83b8;display:grid;height:46px;place-items:center;width:46px}.chart-empty-state p{font-size:13px;font-weight:600;margin:0}.chart-state--error{color:#a23c3c}.chart-retry-button{background:#fff;border:1px solid #e9bdbd;border-radius:7px;color:#a23c3c;font-size:12px;font-weight:600;min-height:31px;padding:5px 9px}.chart-retry-button:hover{background:#fff4f4}.chart-loader{animation:telemetry-spin .9s linear infinite;color:#31785e}@keyframes telemetry-spin{to{transform:rotate(1turn)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:1240px){.analysis-toolbar{grid-template-columns:1fr auto}.analysis-toolbar-title{grid-column:1/-1;grid-row:1;justify-self:center}.analysis-toolbar-left,.analysis-toolbar-right{grid-row:2}}@media (max-width:900px){.device-analysis-page{padding:88px 20px 24px}.device-summary-grid{gap:12px}.analysis-toolbar{grid-template-columns:1fr}.analysis-toolbar-left,.analysis-toolbar-right,.analysis-toolbar-title{grid-column:auto;grid-row:auto;justify-self:start}.analysis-toolbar-right{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:768px){.device-analysis-page{margin-left:0;padding:88px 14px 20px}.device-summary-grid,.telemetry-charts-grid{grid-template-columns:1fr}.device-summary-card{min-height:86px;padding:16px}.analysis-toolbar{gap:14px;padding:18px 16px}.analysis-toolbar-left{width:100%}.device-search{flex:1 1}.telemetry-charts-shell{padding:16px}.telemetry-chart-plot{height:230px}}@media (max-width:480px){.analysis-toolbar-left,.analysis-toolbar-right{align-items:stretch;flex-direction:column}.device-search,.toolbar-button{width:100%}.telemetry-chart-card{padding:14px}.telemetry-chart-plot{height:210px}}.assignment-modal-overlay{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.assignment-modal-content{animation:slide-scale-in .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:90%}@keyframes slide-scale-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.assignment-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.assignment-modal-title{color:#111827;font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0}.assignment-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.assignment-modal-close:hover:not(:disabled){background:#fee2e2;color:#dc2626}.assignment-modal-close:disabled{cursor:not-allowed;opacity:.5}.assignment-modal-body{flex:1 1;overflow-y:auto;padding:24px}.assignment-form{gap:20px}.assignment-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{color:#374151;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.form-input,.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease}.form-input:hover,.form-select:hover{border-color:#d1d5db}.form-input:focus,.form-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-input:disabled,.form-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.form-hint{color:#9ca3af;font-size:12px;font-weight:500}.customer-info-box{background:#f0f9ff;border:2px solid #bfdbfe;border-radius:10px;color:#1e40af;font-size:14px;font-weight:600;padding:12px 14px}.technician-dropdown-container{position:relative}.technician-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.technician-search-input:hover{border-color:#d1d5db}.technician-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.technician-dropdown-list{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.technician-dropdown-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 14px;transition:background .2s ease}.technician-dropdown-item:last-child{border-bottom:none}.technician-dropdown-item:hover{background:#f0f9ff}.tech-item-info{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.tech-name{color:#1f2937;font-size:14px;font-weight:600}.tech-status-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.tech-status-badge.status-available{background:#d1fae5;color:#065f46}.tech-status-badge.status-offline{background:#fee2e2;color:#991b1b}.no-technicians{color:#9ca3af;font-size:14px;padding:20px 14px;text-align:center}.selected-tech-display{background:#d1fae5;border-radius:8px;color:#059669;font-size:12px;font-weight:600;margin-top:4px;padding:8px 12px}.clear-tech-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:5}.clear-tech-button:hover{background:#f3f4f6;color:#4b5563}.time-slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.time-slot-button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:13px;font-weight:600;padding:12px 16px;position:relative;transition:all .2s ease}.time-slot-button.available{background:#f0fdf4;border-color:#bcf0da;color:#047857}.time-slot-button.available:hover:not(:disabled){background:#d1fae5;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.time-slot-button.selected{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important}.time-slot-button.booked{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.booked-label{display:block;font-size:10px;margin-top:2px;opacity:.8}.time-slots-legend{background:#f9fafb;border-radius:8px;display:flex;font-size:12px;gap:20px;padding:12px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:4px;height:12px;width:12px}.legend-color.available{background:#f0fdf4;border:1px solid #10b981}.legend-color.booked{background:#f3f4f6;border:1px solid #d1d5db}.assignment-success-message{background:#d1fae5;border:2px solid #6ee7b7;border-radius:10px}.assignment-error-message,.assignment-success-message{align-items:center;animation:slide-in .3s ease;display:flex;gap:12px;margin-bottom:20px;padding:14px 16px}.assignment-error-message{background:#fee2e2;border:2px solid #fca5a5;border-radius:10px}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon,.success-icon{align-items:center;display:flex;flex-shrink:0;font-size:18px;justify-content:center}.assignment-error-message p,.assignment-success-message p{color:inherit;font-size:14px;font-weight:600;margin:0}.assignment-success-message p{color:#065f46}.assignment-error-message p{color:#7f1d1d}.assignment-modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}.btn-assign,.btn-cancel{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.btn-assign{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.btn-assign:hover:not(:disabled){box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.btn-assign:disabled,.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.assignment-modal-content{border-radius:14px;max-height:95vh;max-width:95%}.assignment-modal-body,.assignment-modal-header{padding:20px}.assignment-modal-footer{gap:10px;padding:16px 20px}.time-slots-grid{grid-template-columns:repeat(2,1fr)}.time-slots-legend{flex-direction:column;gap:8px}}@media (max-width:480px){.assignment-modal-content{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:85vh;max-width:100%;position:fixed;right:0}.assignment-modal-overlay{align-items:flex-end}.assignment-modal-header{padding:18px}.assignment-modal-title{font-size:18px}.assignment-modal-body{padding:18px}.assignment-modal-footer{flex-direction:column;padding:14px 18px}.btn-assign,.btn-cancel{width:100%}.time-slots-grid{grid-template-columns:1fr}.time-slot-button{padding:14px 12px}.time-slots-legend{flex-direction:column;gap:8px}.technician-dropdown-list{max-height:200px}}.readings-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.readings-modal-content{animation:slideInModal .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:85vh;max-width:800px;overflow-y:auto;width:90%}.readings-modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:32px;position:relative}.readings-modal-title{color:#111827;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.readings-modal-close{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.readings-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg)}.readings-tabs{background:#fff;border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding:0 32px}.readings-tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.readings-tab.active,.readings-tab:hover{color:#2563eb}.readings-tab.active:after{animation:expandUnderline .3s ease;background:linear-gradient(90deg,#2563eb,#1e40af);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}@keyframes expandUnderline{0%{left:50%;right:50%}to{left:0;right:0}}.readings-modal-body{min-height:300px;padding:32px}.reading-section{animation:fadeInSection .3s ease}@keyframes fadeInSection{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reading-section-title{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;margin:0 0 24px;text-transform:uppercase}.readings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reading-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;cursor:default;display:flex;gap:14px;padding:20px;transition:all .3s ease}.reading-card:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2563eb;box-shadow:0 8px 16px #2563eb1f;transform:translateY(-2px)}.reading-icon{flex-shrink:0;font-size:32px;line-height:1}.reading-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.reading-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.reading-value{color:#111827;font-size:16px;font-weight:700;word-break:break-word}.readings-modal-footer{background:#f9fafb;border-top:2px solid #e5e7eb;display:flex;justify-content:flex-end;padding:24px 32px}.readings-btn-close{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.readings-btn-close:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.readings-btn-close:active{transform:translateY(0)}.comment-section{animation:fadeInSection .3s ease;background:#f5f7fb;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;padding:20px}.comment-title{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.comment-text{color:#555;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.readings-modal-content{max-height:90vh;width:95%}.readings-modal-header{padding:24px}.readings-modal-title{font-size:20px}.readings-tabs{padding:0 24px}.readings-tab{font-size:13px;padding:14px 20px}.readings-modal-body{padding:24px}.readings-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.reading-card{padding:16px}.reading-icon{font-size:28px}.reading-value{font-size:14px}.readings-modal-footer{padding:20px 24px}.readings-btn-close{font-size:13px;padding:10px 24px}}@media (max-width:480px){.readings-modal-content{border-radius:12px;max-height:95vh;width:98%}.readings-modal-header{gap:12px;padding:20px 16px}.readings-modal-title{font-size:18px}.readings-modal-close{font-size:20px;height:36px;width:36px}.readings-tabs{gap:4px;padding:0 16px}.readings-tab{font-size:12px;padding:12px 16px}.readings-modal-body{padding:20px 16px}.reading-section-title{font-size:14px;margin-bottom:18px}.readings-grid{gap:12px;grid-template-columns:1fr}.reading-card{gap:12px;padding:14px}.reading-icon{font-size:24px}.reading-label{font-size:11px}.reading-value{font-size:13px}.readings-modal-footer{padding:16px}.readings-btn-close{font-size:13px;padding:12px;width:100%}}.complaints-page{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-sizing:border-box;margin-left:var(--sidebar-width);min-height:100vh;padding:90px 30px 30px;transition:margin-left .3s ease}.complaints-container{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 3px #0000000d;padding:24px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card p{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.3px;margin:0 0 8px;text-transform:uppercase}.stat-card h2{color:#2563eb;font-size:32px;font-weight:800;margin:0}.controls-section{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px}.search-container{flex:1 1;position:relative}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s ease;width:90%}.search-input::placeholder{color:#9ca3af}.search-input:hover{border-color:#d1d5db}.search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.action-buttons{align-items:center;display:flex;gap:12px}.btn-download{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-download:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.filter-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;cursor:pointer;font-size:14px;font-weight:600;min-width:150px;padding:11px 16px;transition:all .3s ease}.filter-dropdown::placeholder{color:#9ca3af}.filter-dropdown:hover{border-color:#d1d5db}.filter-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.table-wrapper{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;margin-bottom:32px;overflow-x:auto;padding:24px}.complaints-table{border-collapse:collapse;font-size:14px;width:100%}.complaints-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.complaints-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.3px;padding:16px 14px;text-align:center;text-transform:uppercase}.complaints-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.complaints-table tbody tr:hover{background:#f9fafb;box-shadow:inset 0 0 4px #2563eb0d}.complaints-table td{color:#1f2937;font-weight:500;padding:16px 14px;text-align:center}.complaint-type,.device-id,.user-name{font-weight:600}.description-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-align:center}.btn-view-images{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease}.btn-view-images:hover{box-shadow:0 4px 12px #2563eb4d;transform:translateY(-2px)}.btn-assign-tech{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease}.btn-assign-tech:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-view-readings{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .3s ease}.btn-view-readings:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.complaints-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px}.complaint-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:24px;transition:all .3s ease}.complaint-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.complaint-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.complaint-title{color:#1f2937;font-size:15px;font-weight:700;line-height:1.5;margin:0 0 8px}.complaint-status{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.2px;padding:6px 12px;text-transform:uppercase}.status-pending{background:#fef3c7;color:#92400e}.status-in-progress{background:#bfdbfe;color:#1e40af}.status-resolved{background:#d1fae5;color:#065f46}.complaint-details{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;font-size:13px;gap:10px;margin-bottom:16px;padding-bottom:16px}.detail-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.detail-label{color:#6b7280;flex-shrink:0;font-weight:600}.detail-value{color:#1f2937;font-weight:600;text-align:right}.complaint-image{border-radius:10px;margin-bottom:0;overflow:hidden;width:100%}.complaint-image img{display:block;height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.complaint-card:hover .complaint-image img{transform:scale(1.05)}.image-modal-overlay{align-items:center;animation:fadeInModal .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{animation:slideInModal .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.image-modal-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:28px 32px}.image-modal-title{color:#111827;font-size:22px;font-weight:800;margin:0}.image-modal-close{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.image-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg)}.image-modal-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:32px}.image-container{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.image-container:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.container-title{color:#1f2937;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 16px;text-align:center;text-transform:uppercase}.image-wrapper{display:flex;flex-direction:column;gap:12px}.modal-image{border-radius:10px;display:block;height:240px;object-fit:cover;transition:transform .3s ease;width:100%}.image-wrapper:hover .modal-image{transform:scale(1.02)}.image-download-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.image-download-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.no-image{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:10px;color:#9ca3af;font-size:14px;font-weight:500;height:240px}.image-modal-footer,.no-image{display:flex;justify-content:center}.image-modal-footer{border-top:2px solid #e5e7eb;padding:24px 32px}.btn-close-modal{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.btn-close-modal:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.pagination-container{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:20px}.pagination-info{color:#6b7280;font-size:13px;font-weight:500}.pagination{align-items:center;display:flex;gap:8px}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#dbeafe;border-color:#2563eb;color:#2563eb}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-number{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;min-width:40px;padding:8px 12px;text-align:center;transition:all .3s ease}.pagination-number:hover{border-color:#2563eb;color:#2563eb}.pagination-number.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1e40af;color:#fff}.empty-state{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:14px;display:flex;flex-direction:column;justify-content:center;margin:32px 0;padding:80px 40px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.6}.empty-state-text{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.empty-state-subtext{color:#6b7280;font-size:14px;margin:0;max-width:400px}.loading-message{align-items:center;color:#6b7280;display:flex;font-size:15px;height:400px;justify-content:center}@media (max-width:1024px){.complaints-page{padding:32px}.complaints-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.complaints-page{padding:24px}.page-title{font-size:26px}.controls-section{flex-direction:column;gap:12px}.search-container,.search-input{width:100%}.action-buttons{flex-wrap:wrap;width:100%}.btn-download,.filter-dropdown{flex:1 1;min-width:120px}.stats-grid{grid-template-columns:repeat(2,1fr)}.complaint-card{padding:20px}.complaints-grid{grid-template-columns:1fr}.complaint-image img{height:180px}.complaints-table{font-size:12px}.complaints-table td,.complaints-table th{padding:12px 10px}.image-modal-content{max-height:95vh;width:95%}.image-modal-header{padding:24px}.image-modal-body{grid-template-columns:1fr;padding:24px}.image-modal-footer{padding:20px 24px}.pagination-container{flex-direction:column;gap:16px}.empty-state{padding:60px 30px}.empty-state-icon{font-size:48px}.empty-state-text{font-size:16px}}@media (max-width:480px){.complaints-page{padding:16px}.page-title{font-size:22px}.stat-card{padding:20px}.stat-card h2{font-size:28px}.stat-card p{font-size:12px}.controls-section{flex-direction:column;gap:12px;padding:16px}.search-input{width:100%}.action-buttons{flex-direction:column;gap:10px;width:100%}.btn-download,.filter-dropdown{min-width:auto;width:100%}.stats-grid{grid-template-columns:1fr}.complaint-card{padding:16px}.complaint-image img{height:150px}.complaints-grid{gap:16px}.complaints-table{font-size:11px}.complaints-table td,.complaints-table th{padding:10px 6px}.description-cell{max-width:100px}.pagination-container{flex-direction:column;gap:12px;padding:16px}.pagination{flex-wrap:wrap;justify-content:center}.empty-state{padding:40px 20px}.empty-state-icon{font-size:40px;margin-bottom:16px}.empty-state-text{font-size:14px;margin-bottom:4px}.empty-state-subtext{font-size:12px}.detail-row{align-items:flex-start;flex-direction:column}.detail-value{text-align:left}.image-modal-content{max-height:95vh;width:95%}.image-modal-header{padding:20px 16px}.image-modal-title{font-size:18px}.image-modal-body{gap:16px;grid-template-columns:1fr;padding:16px}.image-container{padding:16px}.modal-image{height:200px}.image-modal-footer{padding:16px}.btn-close-modal{width:100%}}.technicians-page{background:linear-gradient(135deg,#f9fafb,#f3f4f6);box-sizing:border-box;margin-left:var(--sidebar-width);min-height:100vh;padding:90px 30px 30px;transition:margin-left .3s ease}.technicians-container{margin:0 auto;max-width:1400px}.technicians-controls{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding:24px}.technicians-search{flex:1 1;position:relative}.technicians-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 16px;transition:all .3s ease;width:90%}.technicians-search-input::placeholder{color:#9ca3af}.technicians-search-input:hover{border-color:#d1d5db}.technicians-search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.technicians-actions{align-items:center;display:flex;gap:12px}.btn-add-technician,.btn-technician-download{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px;transition:all .3s ease;white-space:nowrap}.btn-technician-download{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-technician-download:hover{background:#dbeafe;border-color:#2563eb;color:#2563eb}.btn-add-technician{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}.btn-add-technician:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.technicians-table-wrapper{background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;margin-bottom:32px;overflow-x:auto;padding:24px}.technicians-table{border-collapse:collapse;font-size:15px;width:100%}.technicians-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.technicians-table th{color:#374151;font-size:12px;font-weight:700;letter-spacing:.3px;padding:16px 14px;text-align:center;text-transform:uppercase}.technicians-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.technicians-table tbody tr:hover{background:#f9fafb;box-shadow:inset 0 0 4px #2563eb0d}.technicians-table td{font-size:15px;padding:16px 14px;text-align:center}.technician-name,.technicians-table td{color:#1f2937;font-weight:600}.technician-email{color:#6b7280}.technician-status{border-radius:8px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-align:center}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.status-on-leave{background:#fef3c7;color:#92400e}.actions-cell-technician{display:flex;gap:8px;justify-content:center}.actions-cell-technician button{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.actions-cell-technician button:first-child{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.actions-cell-technician button:first-child:hover{background:#bfdbfe;border-color:#60a5fa;box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)}.actions-cell-technician button:last-child{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.actions-cell-technician button:last-child:hover{background:#fecaca;border-color:#f87171;box-shadow:0 4px 12px #991b1b33;transform:translateY(-2px)}.no-data{color:#9ca3af;padding:40px;text-align:center}.technicians-pagination-container{align-items:center;background:#fff;border-radius:14px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:20px}.pagination-info-technician{color:#6b7280;font-size:13px;font-weight:500}.pagination-technician{align-items:center;display:flex;gap:8px}.pagination-btn-technician{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .3s ease}.pagination-btn-technician:hover:not(:disabled){background:#dbeafe;border-color:#2563eb;color:#2563eb}.pagination-btn-technician:disabled{cursor:not-allowed;opacity:.5}.pagination-number-technician{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;min-width:40px;padding:8px 12px;text-align:center;transition:all .3s ease}.pagination-number-technician:hover{border-color:#2563eb;color:#2563eb}.pagination-number-technician.active{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1e40af;color:#fff}.modal-overlay-technician{align-items:center;animation:fadeInModal .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content-technician{animation:slideInModal .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes slideInModal{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-technician{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:28px 32px}.modal-title-technician{color:#111827;font-size:22px;font-weight:800;margin:0}.modal-close-technician{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-technician:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg)}.modal-body-technician{padding:32px}.form-section-technician{margin-bottom:32px}.form-section-technician:last-child{margin-bottom:0}.section-title-technician{border-bottom:2px solid #e5e7eb;color:#374151;font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 20px;padding-bottom:12px;text-transform:uppercase}.form-row-technician{grid-gap:50px;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row-technician:last-child{margin-bottom:0}.form-group-technician{display:flex;flex-direction:column;gap:8px}.form-label-technician{color:#374151;font-size:13px;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.form-input-technician,.form-select-technician{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.form-input-technician::placeholder,.form-select-technician::placeholder{color:#9ca3af}.form-input-technician:hover,.form-select-technician:hover{border-color:#d1d5db}.form-input-technician:focus,.form-select-technician:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.form-input-technician:read-only{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.modal-footer-technician{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel-technician,.btn-save-technician{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel-technician{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-cancel-technician:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.btn-save-technician{background:linear-gradient(135deg,#2563eb,#1e40af);border:none;color:#fff}.btn-save-technician:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}@media (max-width:768px){.technicians-page{padding:24px}.technicians-title{font-size:26px}.technicians-controls{flex-direction:column;gap:16px}.technicians-search,.technicians-search-input{width:100%}.technicians-actions{flex-wrap:wrap;width:100%}.btn-add-technician,.btn-technician-download{flex:1 1;min-width:120px}.modal-content-technician{max-height:95vh;width:95%}.modal-body-technician,.modal-header-technician{padding:24px}.form-row-technician{gap:16px;grid-template-columns:1fr}.technicians-table{font-size:12px}.technicians-table td,.technicians-table th{padding:12px 10px}.technicians-pagination-container{flex-direction:column;gap:16px}}@media (max-width:480px){.technicians-page{padding:16px}.technicians-title{font-size:22px}.technicians-controls{flex-direction:column;gap:12px;padding:16px}.technicians-actions{flex-direction:column;gap:10px;width:100%}.btn-add-technician,.btn-technician-download{width:100%}.modal-content-technician{max-height:95vh;width:95%}.modal-header-technician{padding:20px 16px}.modal-title-technician{font-size:18px}.modal-body-technician{padding:20px 16px}.form-section-technician{margin-bottom:24px}.form-row-technician{gap:12px;grid-template-columns:1fr}.form-input-technician,.form-select-technician{font-size:13px;padding:10px 12px}.modal-footer-technician{flex-direction:column-reverse;padding:16px}.btn-cancel-technician,.btn-save-technician{font-size:13px;padding:10px 16px;width:100%}.technicians-table{font-size:11px}.technicians-table td,.technicians-table th{padding:10px 8px}.actions-cell-technician{flex-direction:column}.actions-cell-technician button{width:100%}.technicians-pagination-container{flex-direction:column;gap:12px;padding:16px}.pagination-info-technician{font-size:12px}}
/*# sourceMappingURL=main.03a45207.css.map*/