:root{--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--dark: #343a40;--light: #f8f9fa;--sidebar-bg: #343a40;--sidebar-dark-bg: #212529;--premium-accent-teal: #4fd1c5;--premium-accent-gold: #e7c06a;--premium-ink: #0b1220}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.map-container{height:calc(100vh - 200px);min-height:500px;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a}#map{height:100%;width:100%}.leaflet-popup-content-wrapper{border-radius:8px}.leaflet-popup-content{margin:10px 15px}.card{border-radius:8px;box-shadow:0 2px 10px #00000014;border:none}.card-header{background:linear-gradient(135deg,var(--primary) 0%,#0056b3 100%);color:#fff;border-radius:8px 8px 0 0!important}.small-box{border-radius:8px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.small-box:hover{transform:translateY(-2px)}.small-box .icon{opacity:.3}.btn{border-radius:6px;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.table{border-radius:8px;overflow:hidden}.table thead th{background-color:var(--primary);color:#fff;border:none;font-weight:600}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-control{border-radius:6px;border:1px solid #ddd;transition:border-color .3s ease,box-shadow .3s ease}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007bff26}.modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px #0003}.modal-header{background:linear-gradient(135deg,var(--primary) 0%,#0056b3 100%);color:#fff;border-radius:12px 12px 0 0}.badge{border-radius:20px;padding:4px 10px;font-weight:500}.badge-active{background-color:#28a745}.badge-inactive{background-color:#6c757d}.badge-maintenance{background-color:#ffc107;color:#212529}.badge-planned{background-color:#17a2b8}.badge-installed{background-color:#28a745}@media (max-width: 768px){.main-sidebar{transform:translate(-100%);transition:transform .3s ease}.main-sidebar.show{transform:translate(0)}.content-wrapper{margin-left:0}.map-container{height:calc(100vh - 250px)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.premium-page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:radial-gradient(520px 160px at 12% 0%,rgba(79,209,197,.16),transparent 62%),radial-gradient(520px 180px at 88% 0%,rgba(231,192,106,.14),transparent 62%),linear-gradient(180deg,#fffffff5,#ffffffe6);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px #00000014;margin-bottom:12px}.premium-page-hero__title{font-weight:900;letter-spacing:.2px;color:#111;font-size:20px;line-height:1.1}.premium-page-hero__subtitle{margin-top:6px;font-size:12px;color:#0009}.premium-page-hero__crumb{font-size:12px;color:#0000008c;font-weight:700}.premium-toolbar{padding:12px;border-radius:16px;background:linear-gradient(180deg,#ffffffeb,#ffffffdb);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #0000000f;margin-bottom:12px}.premium-card{border-radius:18px!important;overflow:hidden;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 16px 36px #0000001a!important}.premium-card>.card-header{background:radial-gradient(520px 160px at 12% 0%,rgba(79,209,197,.18),transparent 62%),radial-gradient(520px 180px at 88% 0%,rgba(231,192,106,.14),transparent 62%),linear-gradient(180deg,#fffffffa,#ffffffeb)!important;color:#000000c7!important;border-bottom:1px solid rgba(0,0,0,.08)!important}.premium-card>.card-header .card-title{font-weight:900;letter-spacing:.2px}.premium-card .btn,.premium-card .form-control,.premium-card .custom-select{border-radius:12px!important}.premium-table thead th{background:linear-gradient(135deg,#0b1220,#0a0f1a)!important;color:#ffffffeb!important}.premium-table tbody tr:hover{background:#4fd1c514}.map-card .card-tools.map-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.map-card .card-tools.map-actions .btn,.map-card .card-tools.map-actions .custom-select,.map-card .card-tools.map-actions .form-control{margin:0!important}.premium-action-btn{border-radius:999px!important;padding:6px 10px!important;font-weight:700;letter-spacing:.1px;border:1px solid rgba(255,255,255,.35)!important;color:#0b1220eb!important;background:#ffffffeb!important;box-shadow:0 12px 24px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.premium-action-btn i{opacity:.95}.premium-action-btn:hover{background:#fffffffa!important;border-color:#ffffff8c!important}.premium-action-btn--solid{background:linear-gradient(135deg,#4fd1c5f2,#e7c06aeb)!important;color:#0a0e18f2!important;border-color:#ffffff2e!important}.premium-action-btn--teal{border-color:#4fd1c58c!important}.premium-action-btn--gold{border-color:#e7c06a8c!important}.premium-action-btn--ink{border-color:#0b12202e!important}.premium-action-select{border-radius:999px!important;padding-left:12px!important;padding-right:12px!important;border:1px solid rgba(255,255,255,.35)!important;background:#ffffffeb!important;color:#0b1220e0!important;box-shadow:0 12px 24px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 768px){.premium-page-hero{flex-direction:column;align-items:flex-start}.map-card .card-tools.map-actions{justify-content:flex-end}}@media (max-width: 991.98px){.main-sidebar{position:fixed!important;top:0;left:-250px!important;width:210px!important;height:100vh;z-index:10000!important;transition:left .3s ease-in-out!important;transform:none!important}body.sidebar-open .main-sidebar{left:0!important;transform:none!important}.content-wrapper,.main-header,.main-footer{margin-left:0!important}}
