body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:#fff;border-radius:8px;padding:20px}.btn{transition:background-color .3s}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{color:#fff}.btn-danger:hover{background-color:#c82333}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;padding:20px;background-color:#f8f9fa}.page-title{font-weight:600;color:#333;margin-bottom:10px}.page-subtitle{color:#666}.grid{display:grid;grid-gap:20px;gap:20px;margin-bottom:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.main-content{padding:15px}.page-title{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;align-items:center;height:60px;grid-gap:40px;gap:40px}.navbar-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:600}.navbar-brand i{margin-right:10px;font-size:1.8rem}.navbar-menu{grid-gap:20px;gap:20px;justify-content:center}.navbar-link,.navbar-menu{display:flex;align-items:center}.navbar-link{color:hsla(0,0%,100%,.8);text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease;font-weight:500;background:none;border:none;cursor:pointer;font-family:inherit;height:44px;box-sizing:border-box}.navbar-link i{margin-right:8px;font-size:1rem}.navbar-link.active,.navbar-link:hover{color:#fff;background-color:hsla(0,0%,100%,.1);transform:translateY(-1px)}.navbar-dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;grid-gap:8px;gap:8px}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1001;margin-top:5px}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;color:#333;text-decoration:none;padding:12px 16px;transition:all .3s ease;border-bottom:1px solid #f0f0f0;font-weight:500}.dropdown-item:last-child{border-bottom:none}.dropdown-item i{margin-right:10px;font-size:1rem;width:16px;text-align:center}.dropdown-item:hover{background-color:#f8f9fa;color:#667eea;transform:translateX(5px)}.dropdown-item.active{background-color:#667eea;color:#fff}.dropdown-item.active:hover{background-color:#5a6fd8;color:#fff}.navbar-user{grid-gap:15px;gap:15px}.navbar-user,.user-info{display:flex;align-items:center}.user-info{color:#fff;font-weight:500}.user-info i{margin-right:8px;font-size:1.2rem}.profile-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-weight:500;text-decoration:none;height:44px;box-sizing:border-box}.profile-btn i{margin-right:8px}.profile-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px);color:#fff;text-decoration:none}.logout-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-weight:500;height:44px;box-sizing:border-box}.logout-btn i{margin-right:8px}.logout-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px}.navbar-actions-mobile{display:none}@media (min-width:1200px){.navbar-container{padding:0 40px}}@media (max-width:768px){.navbar-container{justify-content:space-between;grid-gap:10px;gap:10px;position:relative}.navbar-menu{position:absolute;top:60px;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:20px;grid-gap:10px;gap:10px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;max-height:calc(100vh - 60px);overflow-y:auto}.navbar-menu.active{transform:translateY(0);opacity:1;visibility:visible}.navbar-link{width:100%;justify-content:center}.navbar-dropdown{width:100%}.dropdown-toggle{width:100%;justify-content:center}.dropdown-menu,.navbar-dropdown .dropdown-menu{position:static;background:hsla(0,0%,100%,.1);box-shadow:none;margin-top:10px;border-radius:6px;min-width:auto;width:100%}.dropdown-item{color:hsla(0,0%,100%,.8);border-bottom:1px solid hsla(0,0%,100%,.1)}.dropdown-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff;transform:none}.dropdown-item.active{background-color:hsla(0,0%,100%,.2);color:#fff}.navbar-toggle{display:block}.navbar-user{display:none}.navbar-actions-mobile{display:flex;align-items:center;grid-gap:10px;gap:10px}.logout-btn-mobile-header,.profile-btn-mobile-header{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;height:44px;width:44px;box-sizing:border-box;text-decoration:none}.logout-btn-mobile-header:hover,.profile-btn-mobile-header:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px);color:#fff;text-decoration:none}.logout-btn-mobile-header i,.profile-btn-mobile-header i{margin:0}.navbar-user-mobile{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.2)}.logout-btn-mobile,.profile-btn-mobile{width:100%;justify-content:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:12px 16px;font-size:1rem}.logout-btn-mobile:hover,.profile-btn-mobile:hover{background:hsla(0,0%,100%,.2);color:#fff}.logout-btn-mobile i,.profile-btn-mobile i{margin-right:8px}}@media (min-width:769px) and (max-width:1024px){.navbar-container{grid-gap:20px;gap:20px;padding:0 15px}.navbar-user{display:flex;grid-gap:10px;gap:10px}.logout-btn,.profile-btn{padding:8px 12px;font-size:.85rem;white-space:nowrap}.logout-btn i,.profile-btn i{margin-right:6px}.navbar-actions-mobile,.navbar-user-mobile{display:none}}@media (min-width:1025px){.navbar-actions-mobile,.navbar-user-mobile{display:none}}.chart-component{width:100%;background:#fff;border-radius:8px;overflow:hidden}.chart-header{padding:16px 20px 8px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.chart-header h4{margin:0;font-size:16px;font-weight:600;color:#495057;display:flex;align-items:center;grid-gap:8px;gap:8px}.chart-header h4:before{content:"";width:4px;height:16px;background:#007bff;border-radius:2px}.chart-content{padding:20px;position:relative;width:100%}.chart-content,.chart-empty{display:flex;align-items:center;justify-content:center;height:100%}.chart-empty{flex-direction:column;color:#6c757d;text-align:center}.chart-empty p{margin:0;font-size:14px;font-style:italic}.chart-empty:before{content:"📊";font-size:32px;margin-bottom:12px;opacity:.5}.chart-component canvas{max-height:100%!important;max-width:100%!important;width:100%!important;height:auto!important}@media (max-width:768px){.chart-header{padding:12px 16px 6px}.chart-header h4{font-size:14px}.chart-content{padding:16px}}@media (prefers-color-scheme:dark){.chart-component{background:#2d3748;color:#e2e8f0}.chart-header{background:#1a202c;border-bottom-color:#4a5568}.chart-header h4{color:#e2e8f0}.chart-empty{color:#a0aec0}}.chart-content{animation:fadeIn .3s ease-in-out}.chart-component:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transition:box-shadow .2s ease-in-out}.chart-content::-webkit-scrollbar{width:6px;height:6px}.chart-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chart-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chart-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard{padding:20px;background-color:#f8f9fa;min-height:100vh}.dashboard .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid #e0e0e0;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.dashboard .header-content{flex:1 1}.dashboard .page-title{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 8px;display:flex;align-items:center;grid-gap:10px;gap:10px}.dashboard .page-title i{color:#007bff}.dashboard .page-subtitle{color:#6c757d;margin:0;font-size:1rem}.dashboard .header-actions{display:flex;grid-gap:15px;gap:15px;align-items:center}.dashboard .refresh-status{display:flex;align-items:center;grid-gap:10px;gap:10px}.dashboard .refresh-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .3s ease}.dashboard .refresh-indicator.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.dashboard .refresh-indicator.inactive{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.dashboard .refresh-indicator i{font-size:.9rem}.dashboard .refresh-indicator.active i{animation:spin 2s linear infinite}.dashboard .btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease}.dashboard .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.dashboard .btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.dashboard .btn-secondary{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.dashboard .btn-secondary:hover{background:linear-gradient(135deg,#495057,#343a40);transform:translateY(-1px)}.dashboard .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.dashboard .btn i{font-size:.9rem}.dashboard .btn-sm{padding:6px 12px;font-size:.8rem}@media (max-width:768px){.dashboard .page-header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.dashboard .header-actions{width:100%;justify-content:flex-start}.dashboard .refresh-status{flex-direction:column;grid-gap:8px;gap:8px}}@media (max-width:480px){.dashboard .header-actions{flex-direction:column;align-items:stretch;grid-gap:10px;gap:10px}.dashboard .refresh-status{flex-direction:column;grid-gap:6px;gap:6px}.dashboard .btn{justify-content:center;width:100%}}.page-header{border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;grid-gap:20px;gap:20px}.header-text{flex:1 1}.page-title{font-size:2rem;font-weight:700;color:#2c3e50;margin:0 0 8px}.page-subtitle{color:#6c757d;margin:0;font-size:1rem}.header-controls{flex-direction:column;grid-gap:15px;gap:15px;align-items:flex-end;justify-content:flex-start}.refresh-status{display:flex;align-items:center;grid-gap:10px;gap:10px;justify-content:flex-end}.refresh-indicator{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .3s ease}.refresh-indicator.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.refresh-indicator.inactive{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.refresh-indicator i{font-size:.9rem}.refresh-indicator.active i{animation:spin 2s linear infinite}.error-container,.loading-container{height:400px}.error-container p{color:#6c757d;margin-bottom:20px}.stat-card{padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);margin-right:20px}.stat-value{margin:0 0 4px}.dashboard-grid{grid-gap:20px;gap:20px}.full-width{grid-column:1/-1;margin-bottom:20px}.dashboard-card{padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.dashboard-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px}.card-header h3 i{margin-right:10px;color:#667eea}.badge-primary{background:#007bff;color:#fff}.badge-success{background:#28a745}.badge-warning{background:#ffc107;color:#212529}.badge-danger{background:#dc3545;color:#fff}.badge-secondary{background:#6c757d}.vehicle-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:400px;overflow-y:auto}.vehicle-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff;transition:all .3s ease}.vehicle-item:hover{background:#e9ecef;transform:translateX(4px)}.vehicle-info{flex:1 1}.vehicle-number{font-weight:600;color:#2c3e50;font-size:1rem;margin-bottom:4px}.vehicle-details,.vehicle-type{font-size:.85rem;color:#6c757d}.vehicle-details{display:flex;flex-direction:column;grid-gap:4px;gap:4px;margin:0 16px}.vehicle-gate,.vehicle-time{display:flex;align-items:center;grid-gap:6px;gap:6px}.vehicle-gate i,.vehicle-time i{font-size:.8rem;color:#007bff}.vehicle-status{flex-shrink:0}.activity-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.activity-item:hover{background:#e9ecef;transform:translateX(4px)}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.activity-item .activity-icon{background:linear-gradient(135deg,#28a745,#20c997)}.activity-item .activity-icon i{color:#fff;font-size:.9rem}.activity-content{flex:1 1}.activity-vehicle{font-weight:600;color:#2c3e50;font-size:1rem;margin-bottom:4px}.activity-details{font-size:.85rem;color:#6c757d;margin-bottom:4px}.activity-time{font-size:.8rem;color:#adb5bd}.activity-gate{font-size:.85rem;color:#007bff;font-weight:500;flex-shrink:0}.vehicle-type-chart{grid-gap:16px;gap:16px}.type-item,.vehicle-type-chart{display:flex;flex-direction:column}.type-item{grid-gap:8px;gap:8px}.type-info{display:flex;justify-content:space-between;align-items:center}.type-name{font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.type-count{font-weight:700;color:#007bff;font-size:1.1rem}.type-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.type-fill{height:100%;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:4px;transition:width .3s ease}.payment-status-chart{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.status-item{justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:8px}.status-info,.status-item{display:flex;align-items:center}.status-info{grid-gap:12px;gap:12px}.status-badge{font-size:.75rem}.status-count{font-weight:700;color:#2c3e50;font-size:1.1rem}.area-occupancy-list{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.area-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.area-name{color:#2c3e50;font-size:1rem;margin-bottom:4px}.area-occupancy{font-size:.85rem;color:#6c757d}.area-breakdown{display:flex;grid-gap:16px;gap:16px;font-size:.85rem}.area-mobil,.area-motor{display:flex;align-items:center;grid-gap:6px;gap:6px;color:#6c757d}.area-mobil i{color:#007bff}.area-motor i{color:#28a745}.expiring-vehicles-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.expiring-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-radius:8px;border-left:4px solid #dc3545;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 rgba(220,53,69,.4)}70%{box-shadow:0 0 0 10px rgba(220,53,69,0)}to{box-shadow:0 0 0 0 rgba(220,53,69,0)}}.expiring-info{flex:1 1}.expiring-vehicle{font-weight:600;color:#2c3e50;font-size:1rem;margin-bottom:4px}.expiring-type{font-size:.85rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.expiring-time{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:.85rem;color:#dc3545;font-weight:600}.expiring-time i{font-size:.8rem}.empty-state i{font-size:2.5rem;margin-bottom:16px;opacity:.6}.empty-state p{font-size:.9rem}.last-updated{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:16px;background:#fff;border-radius:8px;font-size:.85rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.btn{padding:10px 16px}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#495057)}.btn-secondary:hover{background:linear-gradient(135deg,#495057,#343a40)}.btn:disabled{transform:none!important}.btn i{font-size:.9rem}.dashboard-card .chart-component{background:transparent;border-radius:0;box-shadow:none}.dashboard-card .chart-component .chart-header{background:transparent;border-bottom:none;padding:0 0 16px}.dashboard-card .chart-component .chart-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600}.dashboard-card .chart-component .chart-header h4:before{background:#667eea}.dashboard-card .chart-component .chart-content{padding:0;background:transparent;width:100%;position:relative;overflow:hidden}.dashboard-card .card-content{width:100%;position:relative}.dashboard-card .chart-component .chart-empty{color:#6c757d;padding:20px}.dashboard-card .chart-component .chart-empty:before{content:"📊";font-size:24px;margin-bottom:8px;opacity:.5}.dashboard-card .chart-component .chart-empty p{font-size:.9rem;margin:0}.summary-icon.text-primary{background:rgba(0,123,255,.1);color:#007bff}.summary-icon.text-success{color:#28a745}.summary-icon.text-info{color:#17a2b8}.summary-icon.text-warning{color:#ffc107}.summary-icon.text-danger{color:#dc3545}.summary-icon.text-secondary{color:#6c757d}.summary-value.text-primary{color:#007bff}.summary-value.text-success{color:#28a745}.summary-value.text-info{color:#17a2b8}.summary-value.text-warning{color:#ffc107}.summary-value.text-danger{color:#dc3545}.summary-value.text-secondary{color:#6c757d}.dashboard-card .chart-container{min-height:350px;display:flex;flex-direction:column}.dashboard-card .chart-container .chart-component{flex:1 1;display:flex;flex-direction:column}.dashboard-card .chart-container .chart-component .chart-content{flex:1 1;display:flex;align-items:center;justify-content:center}.dashboard-card .chart-component canvas{border-radius:8px}.dashboard-card.full-width .chart-component .chart-content{padding:10px 0}.ranking-circle{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .3s ease;cursor:help;flex-shrink:0}.ranking-circle:hover{transform:scale(1.15);box-shadow:0 4px 8px rgba(0,0,0,.3)}.ranking-circle.ranking-amount,.ranking-circle.ranking-payments{background:linear-gradient(135deg,#34d399,#16a34a)}.ranking-circle.ranking-ptp{background:linear-gradient(135deg,#4facfe,#00f2fe)}@media (max-width:768px){.dashboard{padding:15px}.page-header{padding:20px}.header-content{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px}.header-controls{align-items:center;grid-gap:10px;gap:10px;justify-content:center}.refresh-status{flex-direction:column;grid-gap:8px;gap:8px;justify-content:center}.page-title{font-size:1.5rem}.dashboard-grid,.stats-grid{grid-template-columns:1fr;grid-gap:15px;gap:15px}.stat-card{padding:20px}.stat-icon{width:50px;height:50px;font-size:1.2rem;margin-right:15px}.stat-value{font-size:1.5rem}.vehicle-item{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.vehicle-details{margin:0;align-self:stretch}.vehicle-status{align-self:flex-end}.activity-item{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.activity-gate{align-self:flex-end}.area-item{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.area-breakdown{align-self:stretch;justify-content:space-between}.expiring-item{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.expiring-time{align-self:flex-end}.dashboard-card .chart-container{min-height:280px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;margin-bottom:20px}.summary-card{padding:15px;grid-gap:10px;gap:10px}.summary-icon{font-size:24px;width:50px;height:50px}.summary-label{font-size:12px}.summary-value{font-size:20px}.ranking-circle{width:30px;height:30px;font-size:11px}}@media (max-width:480px){.dashboard{padding:10px}.dashboard-card,.page-header,.stat-card{padding:16px}.stat-icon{width:40px;height:40px;font-size:1rem;margin-right:12px}.stat-value{font-size:1.3rem}.activity-item,.area-item,.expiring-item,.vehicle-item{padding:12px}.dashboard-card .chart-container{min-height:250px}.ranking-circle{width:28px;height:28px;font-size:10px}}.header-controls{display:flex;align-items:center;justify-content:flex-end;grid-gap:20px;gap:20px;flex-wrap:wrap}.filter-wrapper{margin-bottom:30px}.filter-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.filter-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.filter-header h3{margin:0;color:#2c3e50;font-size:1.2rem;font-weight:600;display:flex;align-items:center;grid-gap:10px;gap:10px}.filter-header h3 i{color:#667eea}.filter-controls{display:flex;align-items:flex-end;grid-gap:15px;gap:15px;flex-wrap:wrap}.date-filter{display:flex;flex-direction:column;grid-gap:8px;gap:8px;flex:1 1;min-width:200px}.date-filter label{font-size:.9rem;color:#2c3e50;font-weight:600}.date-filter input{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .3s ease}.date-filter input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.upload-stats{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e9ecef}.stat-row:last-child{border-bottom:none}.text-success{color:#28a745}.text-warning{color:#ffc107}.text-danger{color:#dc3545}.text-secondary{color:#6c757d}.stats-details{grid-gap:12px;gap:12px}.stat-detail{padding:12px}.stat-detail-label{color:#2c3e50}.buttons-row{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.action-btn:hover:before{left:100%}.settings-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 4px 12px rgba(108,117,125,.3)}.settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,117,125,.4)}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-btn i{font-size:14px}.btn-text{font-weight:600;white-space:nowrap}@media (max-width:1024px){.header-controls{grid-gap:15px;gap:15px}.buttons-row{grid-gap:10px;gap:10px}.action-btn{padding:8px 16px;font-size:13px}}@media (max-width:768px){.header-controls{justify-content:center;grid-gap:12px;gap:12px}.buttons-row{justify-content:center;grid-gap:8px;gap:8px}.action-btn{padding:10px 14px;font-size:13px}.filter-wrapper{margin-bottom:20px}.filter-container{padding:20px}.filter-controls{flex-direction:column;width:100%}.date-filter{width:100%;min-width:100%}}@media (max-width:480px){.header-controls{justify-content:center;grid-gap:10px;gap:10px}.buttons-row{flex-direction:column;grid-gap:8px;gap:8px;width:100%}.action-btn{padding:12px 16px;justify-content:center;width:100%}.action-btn,.btn-text{font-size:14px}}.buildings-container{padding:20px;max-width:1200px;margin:0 auto}.buildings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.buildings-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.building-form{padding:25px}.form-text{padding:5px 10px;background-color:#f8f9fa;border:1px solid #e9ecef}.form-text.text-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.form-text.text-muted{background-color:#f8f9fa;border-color:#e9ecef}.form-loading-small{text-align:center;padding:10px;color:#6c757d;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef;margin-top:10px}.form-loading-small:before{display:inline-block;width:16px;height:16px;border:2px solid #e9ecef;border-top-color:#007bff;margin-right:8px}.form-group input,.form-group select{padding:12px;border:2px solid #e9ecef;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;font-family:inherit}.buildings-content{margin-top:20px}.empty-state p{font-size:1.1rem}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.building-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.building-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.building-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.building-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:10px}.building-status{display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:.85rem;font-weight:500}.building-content h3{margin:0 0 8px;color:#2c3e50;font-size:1.3rem;font-weight:600}.building-code{color:#6c757d;font-size:.9rem;margin:0 0 10px;font-weight:500}.building-site,.building-type{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#495057;font-size:.9rem;margin:5px 0}.building-site i,.building-type i{color:#6c757d;width:16px}.building-info{margin:15px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.info-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.info-item:last-child{margin-bottom:0}.info-item .label{font-weight:600;color:#495057}.info-item .value{color:#6c757d}.building-description{margin-top:15px;padding:10px;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.building-description p{margin:0;color:#495057;font-size:.9rem;line-height:1.4}.building-actions{display:flex;grid-gap:10px;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #e9ecef}.btn{grid-gap:5px;gap:5px}.pagination-btn{border:1px solid #e9ecef;color:#495057}.pagination-btn:disabled{background-color:#f8f9fa;border-color:#e9ecef}@media (max-width:768px){.buildings-container{padding:15px}.buildings-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:flex-start}.buildings-header h1{font-size:1.5rem}.search-input-group{flex-direction:column}.search-filter,.search-input{width:100%}.search-btn,.search-clear{align-self:flex-end}.form-modal{width:95%;margin:10px}.buildings-grid,.form-row{grid-template-columns:1fr}.building-header{align-items:flex-start}.building-actions,.building-header,.form-actions{flex-direction:column}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px}.pagination-controls{flex-direction:column;grid-gap:10px;gap:10px}.pagination-info{text-align:center}}@media (max-width:480px){.buildings-container{padding:10px}.form-modal{width:100%;margin:0;height:100vh;max-height:100vh}.form-header,.form-modal{border-radius:0}.building-card,.building-form{padding:15px}.building-content h3{font-size:1.1rem}.info-item{flex-direction:column;grid-gap:2px;gap:2px}.info-item .label{font-size:.8rem}}.buildings-container .building-form .form-group label,.buildings-container .form-modal .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.buildings-container .building-form .form-group input,.buildings-container .building-form .form-group select,.buildings-container .building-form .form-group textarea,.buildings-container .form-modal .form-group input,.buildings-container .form-modal .form-group select,.buildings-container .form-modal .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.buildings-container .building-form .form-group input:focus,.buildings-container .building-form .form-group select:focus,.buildings-container .building-form .form-group textarea:focus,.buildings-container .form-modal .form-group input:focus,.buildings-container .form-modal .form-group select:focus,.buildings-container .form-modal .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.buildings-container .building-form .form-group input:hover,.buildings-container .building-form .form-group select:hover,.buildings-container .building-form .form-group textarea:hover,.buildings-container .form-modal .form-group input:hover,.buildings-container .form-modal .form-group select:hover,.buildings-container .form-modal .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.buildings-container .building-form .form-group select,.buildings-container .form-modal .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.buildings-container .building-form .form-group label *,.buildings-container .form-modal .form-group label *,.buildings-container .form-section .form-group label,.buildings-container .form-section h5{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.buildings-container .building-form .form-group input::placeholder,.buildings-container .building-form .form-group textarea::placeholder,.buildings-container .form-modal .form-group input::placeholder,.buildings-container .form-modal .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.areas-container{padding:20px;max-width:1200px;margin:0 auto}.areas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.areas-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.search-clear{width:36px;height:36px;font-size:1.2rem;transition:background-color .2s}.clear-btn,.search-clear{margin-left:8px}.loading{padding:50px;font-size:1.2rem}.alert{padding:15px}.alert-close{font-size:1.5rem}.form-overlay{right:0;bottom:0;background-color:rgba(0,0,0,.5)}.form-modal{box-shadow:0 10px 30px rgba(0,0,0,.3)}.form-header{padding:20px 25px;border-radius:12px 12px 0 0}.area-form{padding:25px}.form-section{margin-bottom:25px;background-color:#f8f9fa;border:1px solid #e9ecef}.form-section h5{margin:0 0 15px;color:#2c3e50;font-size:1.1rem;grid-gap:8px;gap:8px}.form-text{font-size:.85rem;padding:4px 8px;border-radius:4px;background-color:rgba(0,0,0,.05)}.form-text.text-success{color:#28a745;background-color:rgba(40,167,69,.1)}.form-text.text-muted{color:#6c757d;background-color:rgba(108,117,125,.1)}.form-loading-small{display:flex;align-items:center;grid-gap:8px;gap:8px;color:#007bff;font-size:.9rem;margin-top:8px;padding:8px 12px;background-color:rgba(0,123,255,.1);border-radius:6px;border:1px solid rgba(0,123,255,.2)}.form-loading-small:before{content:"";width:12px;height:12px;border:2px solid #007bff;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.areas-content{margin-top:20px}.areas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.area-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.area-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.area-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.area-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 15px 0 0}.badge{font-size:.8rem}.area-details{margin-bottom:20px;flex-direction:column;grid-gap:12px;gap:12px}.detail-item strong{font-size:.9rem}.area-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary:hover{background-color:#545b62}.btn-outline-danger,.btn-outline-primary{background-color:initial}.btn-outline-danger:hover{background-color:#dc3545}@media (max-width:768px){.areas-container{padding:15px}.areas-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.areas-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:15px;gap:15px}.search-filter,.search-input{width:100%}.search-btn,.search-clear{align-self:flex-end;margin-left:0}.form-modal{width:95%;margin:10px}.form-row{grid-template-columns:1fr;grid-gap:15px;gap:15px}.areas-grid{grid-template-columns:1fr}.area-header{flex-direction:column;grid-gap:10px;gap:10px}.area-header h3{margin-right:0}.area-actions,.form-actions{flex-direction:column}.area-details{grid-gap:10px;gap:10px}.detail-item{padding:6px 0}.detail-item strong{font-size:.85rem}.location-display{grid-gap:8px;gap:8px}.location-item{padding:6px 10px}.location-item strong{min-width:60px;font-size:.9rem}}.pagination-container{padding:10px;background:#f8f9fa;border-radius:4px}.pagination-page-info{min-width:100px;text-align:center}.pagination-btn{padding:8px 16px;background-color:#fff;border-radius:6px}.pagination-btn:hover:not(:disabled){background-color:#007bff}.pagination-btn:disabled{color:#6c757d;background-color:#e9ecef}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.pagination-controls{justify-content:center}.pagination-info{font-size:.85rem}@media (max-width:480px){.areas-container{padding:10px}.form-modal{width:100%;margin:0;height:100vh;max-height:100vh}.form-header,.form-modal{border-radius:0}.area-form{padding:20px}.existing-location-info{padding:15px}.location-item{padding:5px 8px}.location-item strong{min-width:50px;font-size:.85rem}.area-details{grid-gap:8px;gap:8px}.detail-item{padding:4px 0}.detail-item strong{font-size:.8rem}}.areas-container .area-form .form-group label,.areas-container .form-modal .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.areas-container .area-form .form-group input,.areas-container .area-form .form-group select,.areas-container .form-modal .form-group input,.areas-container .form-modal .form-group select{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.areas-container .area-form .form-group input:focus,.areas-container .area-form .form-group select:focus,.areas-container .form-modal .form-group input:focus,.areas-container .form-modal .form-group select:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.areas-container .area-form .form-group input:hover,.areas-container .area-form .form-group select:hover,.areas-container .form-modal .form-group input:hover,.areas-container .form-modal .form-group select:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.areas-container .area-form .form-group select,.areas-container .form-modal .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.areas-container .area-form .form-group label *,.areas-container .form-modal .form-group label *,.areas-container .form-section .form-group label,.areas-container .form-section h5{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.areas-container .area-form .form-group input::placeholder,.areas-container .area-form .form-group textarea::placeholder,.areas-container .form-modal .form-group input::placeholder,.areas-container .form-modal .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.areas-container .area-form .form-group input,.areas-container .area-form .form-group select,.areas-container .area-form .form-group textarea,.areas-container .form-modal .form-group input,.areas-container .form-modal .form-group select,.areas-container .form-modal .form-group textarea{font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.sites-container{padding:20px;max-width:1200px;margin:0 auto}.sites-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.sites-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.site-form{padding:24px;background-color:#fff;color:#2c3e50}.sites-content{margin-top:20px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.site-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.site-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.site-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.site-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.site-details{margin-bottom:20px}.site-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}@media (max-width:768px){.sites-container{padding:15px}.sites-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.sites-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.form-row,.sites-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.sites-container .form-modal .form-group label,.sites-container .site-form .form-group label{color:#2c3e50!important}.sites-container .site-form input,.sites-container .site-form select,.sites-container .site-form textarea{outline:none;background-color:#fff;color:#2c3e50}.sites-container .site-form input:focus,.sites-container .site-form select:focus,.sites-container .site-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.sites-container .site-form input:-webkit-autofill,.sites-container .site-form input:-webkit-autofill:active,.sites-container .site-form input:-webkit-autofill:hover,.sites-container .site-form select:-webkit-autofill,.sites-container .site-form select:-webkit-autofill:active,.sites-container .site-form select:-webkit-autofill:hover,.sites-container .site-form textarea:-webkit-autofill,.sites-container .site-form textarea:-webkit-autofill:active,.sites-container .site-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#2c3e50!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit}.sites-container .site-form input:-webkit-autofill:focus,.sites-container .site-form select:-webkit-autofill:focus,.sites-container .site-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important;caret-color:#2c3e50!important;background-clip:padding-box!important;border-radius:inherit}.sites-container .site-form input:-moz-autofill,.sites-container .site-form select:-moz-autofill,.sites-container .site-form textarea:-moz-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;color:#2c3e50!important;caret-color:#2c3e50!important}.sites-container .site-form input:-moz-autofill:focus,.sites-container .site-form select:-moz-autofill:focus,.sites-container .site-form textarea:-moz-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;-moz-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important}.sites-container .form-modal .form-group label,.sites-container .site-form .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.sites-container .form-modal .form-group input,.sites-container .form-modal .form-group select,.sites-container .form-modal .form-group textarea,.sites-container .site-form .form-group input,.sites-container .site-form .form-group select,.sites-container .site-form .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.sites-container .form-modal .form-group input:focus,.sites-container .form-modal .form-group select:focus,.sites-container .form-modal .form-group textarea:focus,.sites-container .site-form .form-group input:focus,.sites-container .site-form .form-group select:focus,.sites-container .site-form .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.sites-container .form-modal .form-group input:hover,.sites-container .form-modal .form-group select:hover,.sites-container .form-modal .form-group textarea:hover,.sites-container .site-form .form-group input:hover,.sites-container .site-form .form-group select:hover,.sites-container .site-form .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.sites-container .form-modal .form-group select,.sites-container .site-form .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.sites-container .form-modal .form-group label *,.sites-container .form-section .form-group label,.sites-container .form-section h5,.sites-container .site-form .form-group label *{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.sites-container .form-modal .form-group input::placeholder,.sites-container .form-modal .form-group textarea::placeholder,.sites-container .site-form .form-group input::placeholder,.sites-container .site-form .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.gates-container{padding:20px}.gates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.gates-header h1{color:#2c3e50;margin:0;font-size:2.5rem;font-weight:600}.search-filter,.search-input{padding:12px 16px;font-size:16px;transition:border-color .3s ease}.search-clear{background:#dc3545;border-radius:50%;width:32px;height:32px;transition:background-color .3s ease}.search-clear:hover{background:#c82333}.search-info{font-style:italic}.alert{padding:15px 20px;justify-content:space-between}.alert-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;padding:0;margin-left:10px}.form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.form-modal{border-radius:8px;padding:0;width:90%;box-shadow:0 5px 15px rgba(0,0,0,.1);border:none}.form-header{padding:15px 20px;background-color:#f8f9fa;border-top-left-radius:8px;border-top-right-radius:8px}.form-header h2{color:#343a40}.location-display{grid-gap:8px;gap:8px}.location-item{border-left:4px solid #007bff}.location-note{padding:10px;background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.gate-form{padding:30px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;font-size:16px;transition:border-color .3s ease}.btn{padding:12px 24px;border-radius:8px;font-size:16px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.btn-sm{padding:8px 16px;font-size:14px}.btn-outline-primary{border:2px solid #007bff}.btn-outline-danger{border:2px solid #dc3545}.gates-content{margin-bottom:30px}.empty-state p{font-size:18px}.gates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.gate-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e9ecef}.gate-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.gate-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.gate-header h3{color:#2c3e50;font-size:1.2rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.gate-details{margin-bottom:20px;flex-direction:column;grid-gap:12px;gap:12px}.detail-item{grid-gap:4px;gap:4px;font-size:14px;color:#495057;padding:8px 0;border-bottom:1px solid #f8f9fa}.detail-item:last-child{border-bottom:none}.detail-item strong{color:#2c3e50;font-weight:600;margin-bottom:2px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.gate-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}.badge{padding:4px 12px}.badge-success{background:#d4edda}.badge-warning{background:#fff3cd}.badge-danger{background:#f8d7da}.badge-emergency{background:#f5c6cb;animation:pulse 2s infinite}.badge-secondary{background:#e2e3e5}.loading{font-size:18px}@media (max-width:768px){.gates-container{padding:15px}.gates-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.gates-header h1{font-size:2rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-btn,.search-filter,.search-input{width:100%}.search-filter{min-width:unset}.form-modal{width:95%;margin:10px}.form-row{grid-template-columns:1fr;grid-gap:15px;gap:15px}.form-actions{flex-direction:column;grid-gap:10px;gap:10px}.gates-grid{grid-template-columns:1fr;grid-gap:15px;gap:15px}.gate-header{flex-direction:column;grid-gap:10px;gap:10px;align-items:stretch}.gate-actions{justify-content:stretch}.gate-actions .btn{flex:1 1}.gate-details{grid-gap:10px;gap:10px}.detail-item{padding:6px 0}.detail-item strong{font-size:11px}.location-display{grid-gap:6px;gap:6px}}.gates-container .form-modal .form-group label,.gates-container .gate-form .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.gates-container .form-modal .form-group input,.gates-container .form-modal .form-group select,.gates-container .form-modal .form-group textarea,.gates-container .gate-form .form-group input,.gates-container .gate-form .form-group select,.gates-container .gate-form .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.gates-container .form-modal .form-group input:focus,.gates-container .form-modal .form-group select:focus,.gates-container .form-modal .form-group textarea:focus,.gates-container .gate-form .form-group input:focus,.gates-container .gate-form .form-group select:focus,.gates-container .gate-form .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.gates-container .form-modal .form-group input:hover,.gates-container .form-modal .form-group select:hover,.gates-container .form-modal .form-group textarea:hover,.gates-container .gate-form .form-group input:hover,.gates-container .gate-form .form-group select:hover,.gates-container .gate-form .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.gates-container .form-modal .form-group select,.gates-container .gate-form .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.gates-container .form-modal .form-group label *,.gates-container .form-section .form-group label,.gates-container .form-section h5,.gates-container .gate-form .form-group label *{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.gates-container .form-modal .form-group input::placeholder,.gates-container .form-modal .form-group textarea::placeholder,.gates-container .gate-form .form-group input::placeholder,.gates-container .gate-form .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.existing-location-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px}.location-display{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:15px}.location-item{display:flex;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #dee2e6}.location-item strong{min-width:80px;color:#495057;margin-right:10px}.location-note{padding:10px 12px;background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2}.location-note i{margin-right:5px}@media (max-width:768px){.location-item{padding:6px 10px}.location-item strong{min-width:70px;font-size:14px}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px}}@media (max-width:480px){.gates-header h1{font-size:1.8rem}.form-header{padding:15px 20px}.gate-form{padding:20px}.gate-card{padding:15px}.btn{padding:10px 20px;font-size:14px}.existing-location-info{padding:15px}.location-item{padding:5px 8px}.location-item strong{min-width:60px;font-size:13px}.gate-details{grid-gap:8px;gap:8px}.detail-item{padding:4px 0}.detail-item strong{font-size:10px}}.gates-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.gates-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.gates-filters .search-group{min-width:300px;flex:1 1;max-width:400px}.gates-filters .search-input-container{position:relative;display:flex;align-items:center}.gates-filters .search-input{padding-right:40px;font-size:14px}.gates-filters .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.gates-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.gates-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.gates-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.gates-filters .filter-group input,.gates-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.gates-filters .filter-group input:focus,.gates-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.gates-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.gates-filters .btn-primary{background-color:#007bff;border-color:#007bff}.gates-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.gates-filters .btn-secondary{background-color:#6c757d;border-color:#6c757d}.gates-filters .btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:500}.badge-emergency{background-color:#f8d7da;color:#721c24;animation:pulse 1s infinite}.alert-success{padding:12px 16px;border-radius:4px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.alert-success .fa-check-circle{color:#28a745}.table{min-width:2000px;font-size:13px}.table th{padding:12px 8px;font-size:12px}.table td{text-align:center;border-bottom:1px solid #dee2e6;white-space:nowrap;padding:10px 8px}.table td:first-child,.table th:first-child{width:50px}.table td:nth-child(2),.table th:nth-child(2){width:60px}.table td:nth-child(3),.table th:nth-child(3){width:100px}.table td:nth-child(4),.table th:nth-child(4){width:150px}.table td:nth-child(5),.table td:nth-child(6),.table td:nth-child(7),.table th:nth-child(5),.table th:nth-child(6),.table th:nth-child(7){width:80px}.table td:nth-child(8),.table th:nth-child(8){width:120px}.table td:nth-child(9),.table th:nth-child(9){width:100px}.table td:nth-child(10),.table th:nth-child(10){width:120px}.table td:nth-child(11),.table th:nth-child(11){width:100px}.table td:nth-child(12),.table th:nth-child(12){width:120px}.table td:nth-child(13),.table td:nth-child(14),.table td:nth-child(15),.table th:nth-child(13),.table th:nth-child(14),.table th:nth-child(15){width:80px}.table td:nth-child(16),.table th:nth-child(16){width:60px}.table td:nth-child(17),.table td:nth-child(18),.table th:nth-child(17),.table th:nth-child(18){width:80px}.table td:nth-child(19),.table th:nth-child(19){width:100px}.table td:nth-child(20),.table th:nth-child(20){width:120px}.table td:nth-child(21),.table th:nth-child(21){width:100px}.table td:nth-child(22),.table td:nth-child(23),.table th:nth-child(22),.table th:nth-child(23){width:80px}.table td:nth-child(24),.table th:nth-child(24){width:70px}.table td:nth-child(25),.table td:nth-child(26),.table th:nth-child(25),.table th:nth-child(26){width:100px}.table td:nth-child(27),.table th:nth-child(27){width:120px}.table td:nth-child(28),.table td:nth-child(29),.table th:nth-child(28),.table th:nth-child(29){width:80px}.table td:nth-child(30),.table th:nth-child(30){width:120px}.table td .badge{font-size:10px;padding:4px 6px}.table td .btn{font-size:11px;padding:4px 8px;margin:2px}@media (max-width:576px){.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}@media (max-width:1200px){.table{font-size:11px}.table td,.table th{padding:8px 4px}.table td .badge{font-size:9px;padding:2px 4px}.table td .btn{font-size:10px;padding:3px 6px}}@media (max-width:768px){.mobile-text-left{text-align:left!important}.mobile-text-right{text-align:right!important}.mobile-text-center{text-align:center!important}}@media print{.print-text-left{text-align:left!important}.print-text-right{text-align:right!important}.print-text-center{text-align:center!important}}.table-header-xs{font-size:.75rem!important}.table-header-sm{font-size:.875rem!important}.table-header-md{font-size:1rem!important}.table-header-lg{font-size:1.125rem!important}.table-header-xl{font-size:1.25rem!important}.table-data-xs{font-size:.75rem!important}.table-data-sm{font-size:.875rem!important}.table-data-md{font-size:1rem!important}.table-data-lg{font-size:1.125rem!important}.table-data-xl{font-size:1.25rem!important}.text-left-xs{text-align:left!important;font-size:.75rem!important}.text-left-sm{text-align:left!important;font-size:.875rem!important}.text-left-md{text-align:left!important;font-size:1rem!important}.text-left-lg{text-align:left!important;font-size:1.125rem!important}.text-left-xl{text-align:left!important;font-size:1.25rem!important}.text-center-xs{text-align:center!important;font-size:.75rem!important}.text-center-sm{text-align:center!important;font-size:.875rem!important}.text-center-md{text-align:center!important;font-size:1rem!important}.text-center-lg{text-align:center!important;font-size:1.125rem!important}.text-center-xl{text-align:center!important;font-size:1.25rem!important}.text-right-xs{text-align:right!important;font-size:.75rem!important}.text-right-sm{text-align:right!important;font-size:.875rem!important}.text-right-md{text-align:right!important;font-size:1rem!important}.text-right-lg{text-align:right!important;font-size:1.125rem!important}.text-right-xl{text-align:right!important;font-size:1.25rem!important}@media (max-width:768px){.mobile-font-xs{font-size:.7rem!important}.mobile-font-sm{font-size:.8rem!important}.mobile-font-md{font-size:.9rem!important}.mobile-font-lg{font-size:1rem!important}.mobile-font-xl{font-size:1.1rem!important}}@media (min-width:769px) and (max-width:1024px){.tablet-font-xs{font-size:.8rem!important}.tablet-font-sm{font-size:.9rem!important}.tablet-font-md{font-size:1rem!important}.tablet-font-lg{font-size:1.1rem!important}.tablet-font-xl{font-size:1.2rem!important}}.pelanggan-container{padding:20px}.pelanggan-filters .react-select-container{font-size:14px}.pelanggan-filters .react-select__control{min-height:38px!important;border:1px solid #ced4da!important;border-radius:4px!important;box-shadow:none!important;transition:all .2s ease!important}.pelanggan-filters .react-select__control:hover{border-color:#ced4da!important}.pelanggan-filters .react-select__control--is-focused{border-color:#007bff!important;box-shadow:0 0 0 2px rgba(0,123,255,.25)!important}.pelanggan-filters .react-select__value-container{padding:2px 8px!important}.pelanggan-filters .react-select__input-container{margin:0!important;padding:0!important}.pelanggan-filters .react-select__single-value{color:#495057!important;font-size:14px!important}.pelanggan-filters .react-select__placeholder{color:#6c757d!important;font-size:14px!important}.pelanggan-filters .react-select__menu{border-radius:4px!important;border:1px solid #ced4da!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;margin-top:4px!important;z-index:1000!important}.pelanggan-filters .react-select__menu-list{padding:4px 0!important}.pelanggan-filters .react-select__option{padding:8px 12px!important;font-size:14px!important;cursor:pointer!important;color:#495057!important}.pelanggan-filters .react-select__option--is-focused{background-color:#e9ecef!important;color:#495057!important}.pelanggan-filters .react-select__option--is-selected{background-color:#007bff!important;color:#fff!important}.pelanggan-filters .react-select__indicator-separator{display:none!important}.pelanggan-filters .react-select__clear-indicator{padding:4px!important;cursor:pointer!important;color:#6c757d!important}.pelanggan-filters .react-select__clear-indicator:hover{color:#495057!important}.pelanggan-filters .react-select__dropdown-indicator{padding:4px 8px!important;color:#6c757d!important}.pelanggan-filters .react-select__dropdown-indicator:hover{color:#495057!important}.pelanggan-filters .balance-filter-container{display:flex;grid-gap:10px;gap:10px;align-items:center;width:100%}.pelanggan-filters .balance-filter-input-wrapper{position:relative;flex:1 1;display:flex;align-items:center}.pelanggan-filters .balance-filter-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:14px;z-index:2;pointer-events:none;font-weight:500;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1.5}.pelanggan-filters .balance-filter-input{width:100%;padding:8px 12px 8px 55px!important;box-sizing:border-box!important;text-align:left}.pelanggan-filters .balance-filter-input:focus{padding-left:55px!important}.pelanggan-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.pelanggan-filters .btn-primary{background-color:#007bff;border-color:#007bff}.pelanggan-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.pelanggan-filters .btn-secondary{background-color:#6c757d;border-color:#6c757d}.pelanggan-filters .btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.badge-success{background-color:#28a745;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.pelanggan-container .table th,.pelanggan-container .table thead th,.pelanggan-container table th,.pelanggan-container table thead th,.table th{background-color:#f8f9fa!important;color:#495057!important;border:solid #dee2e6!important;border-width:1px 1px 2px!important;white-space:nowrap;font-weight:600;text-align:center}.pelanggan-container .table th.table-header-lg,.pelanggan-container .table th.table-header-md,.pelanggan-container .table th.table-header-sm,.pelanggan-container .table th.table-header-xl,.pelanggan-container .table th.table-header-xs,.pelanggan-container table th.table-header-lg,.pelanggan-container table th.table-header-md,.pelanggan-container table th.table-header-sm,.pelanggan-container table th.table-header-xl,.pelanggan-container table th.table-header-xs{font-weight:400!important}.pelanggan-container .table.table-bordered th,.pelanggan-container .table.table-bordered thead th,.pelanggan-container .table.table-hover th,.pelanggan-container .table.table-hover thead th,.pelanggan-container .table.table-striped th,.pelanggan-container .table.table-striped thead th{background-color:#f8f9fa!important;color:#495057!important;border:1px solid #dee2e6!important}.pelanggan-container .table-responsive .table th,.pelanggan-container .table-responsive .table thead th,.pelanggan-container .table-responsive table th,.pelanggan-container .table-responsive table thead th{background-color:#f8f9fa!important;color:#495057!important;border:solid #dee2e6!important;border-width:1px 1px 2px!important}.table th:last-child{border-right:none}.table-striped>tbody>tr:nth-of-type(odd)>td{background-color:rgba(248,249,250,.3)}.table-striped>tbody>tr:nth-of-type(2n)>td{background-color:hsla(0,0%,100%,.8)}.table-hover>tbody>tr:hover>td{background-color:rgba(248,249,250,.6);transition:background-color .2s ease}.pelanggan-container .table tbody tr{position:relative;transform:none!important;transition:background-color .2s ease!important;will-change:auto!important}.pelanggan-container .table tbody tr:hover{left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.pelanggan-container .table tbody tr:hover,.pelanggan-container .table tbody tr td{transform:none!important;transition:background-color .2s ease!important;position:relative!important}.pelanggan-container .table tbody tr:hover td{transform:none!important;position:relative!important;left:0!important;right:0!important}.pelanggan-container .table tbody tr td:first-child,.pelanggan-container .table thead tr th:first-child{position:relative;background-color:inherit;z-index:1;width:50px;min-width:50px;max-width:50px;padding:8px!important;text-align:center!important;transform:none!important;transition:background-color .2s ease!important;left:0!important;right:0!important;margin:0!important}.pelanggan-container .table thead tr th:first-child{background-color:#f8f9fa!important;z-index:2;position:relative!important}.pelanggan-container .table tbody tr:hover td:first-child{background-color:rgba(248,249,250,.6)!important;transform:none!important;position:relative!important;left:0!important}.pelanggan-container .table tbody tr td:first-child input[type=checkbox],.pelanggan-container .table thead tr th:first-child input[type=checkbox]{margin:0;cursor:pointer;width:18px;height:18px;flex-shrink:0;position:relative;transform:none!important;transition:none!important;vertical-align:middle}.pelanggan-container .table tbody tr td:first-child input[type=checkbox]:hover,.pelanggan-container .table thead tr th:first-child input[type=checkbox]:hover{transform:none!important;position:relative!important}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #e9ecef}@media (max-width:768px){.header{grid-gap:15px;gap:15px}.header,.header-title{flex-direction:column;align-items:stretch}.search-input{width:100%}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}.table-responsive{margin-top:10px}}@media (max-width:480px){.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}.empty-text{color:#6c757d}.page-input{display:flex;align-items:center}.pelanggan-modal .modal-content{border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);border:none}.pelanggan-modal .modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;padding:15px 20px}.pelanggan-modal .modal-title{font-weight:600;color:#343a40}.pelanggan-modal .modal-body{padding:20px}.form-label{margin-bottom:8px}.form-control,.form-select{border-radius:4px;padding:8px 12px}.form-select{transition:all .3s ease;cursor:pointer}.form-select:not(:disabled):hover{border-color:#80bdff}.form-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7;border-color:#e9ecef}.form-section{margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;transition:all .2s ease-in-out}.form-section:focus-within{box-shadow:0 0 15px rgba(0,123,255,.15);border-color:#80bdff}.form-section h5{margin-bottom:20px;color:#343a40;border-bottom:2px solid #e9ecef;padding-bottom:10px;font-weight:600;display:flex;align-items:center;grid-gap:10px;gap:10px}.form-text{margin-top:5px}.text-success{color:#28a745!important}@media (max-width:768px){.pelanggan-container{padding:15px}.header,.header-title{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.search-input{width:100%}.pagination-controls{grid-gap:10px;gap:10px}.pagination,.pagination-controls{flex-direction:column;align-items:stretch}.pagination{grid-gap:15px;gap:15px}.pagination-buttons{justify-content:center}.table-container{overflow-x:auto}.modal-body{max-height:60vh}.form-section,.modal-body .form-section{padding:15px;margin-bottom:15px}.modal-body .row .col-md-4,.modal-body .row .col-md-6{margin-bottom:0}}@media (max-width:576px){.pelanggan-container{padding:10px}.search-input{font-size:16px}.btn-sm{padding:.2rem .4rem;font-size:.8rem}.table tbody td,.table thead th{padding:8px 4px;font-size:.875rem}.modal-body{max-height:50vh}.form-section{padding:12px;margin-bottom:12px}.form-section h5{font-size:1rem;margin-bottom:15px}}.pelanggan-modal .modal-body::-webkit-scrollbar{width:6px}.pelanggan-modal .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.pelanggan-modal .modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.pelanggan-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.pelanggan-container .table tbody td:nth-child(8),.pelanggan-container .table td:nth-child(8){text-align:center!important;font-weight:400!important;font-style:normal!important}.text-right{text-align:right!important}.align-left{text-align:left!important}.align-right{text-align:right!important}.align-center{text-align:center!important}.table-header-left{text-align:left!important}.table-header-right{text-align:right!important}.table-header-center{text-align:center!important}.table-data-left{text-align:left!important}.table-data-right{text-align:right!important}.table-data-center{text-align:center!important}.pelanggan-container .table th.table-header-xs,.pelanggan-container table th.table-header-xs{font-size:.75rem!important;font-weight:400!important}.pelanggan-container .table th.table-header-sm,.pelanggan-container table th.table-header-sm{font-size:.875rem!important;font-weight:400!important}.pelanggan-container .table th.table-header-md,.pelanggan-container table th.table-header-md{font-size:1rem!important;font-weight:400!important}.pelanggan-container .table th.table-header-lg,.pelanggan-container table th.table-header-lg{font-size:1.125rem!important;font-weight:400!important}.pelanggan-container .table th.table-header-xl,.pelanggan-container table th.table-header-xl{font-size:1.25rem!important;font-weight:400!important}.pelanggan-container .table td.table-data-xs,.pelanggan-container table td.table-data-xs{font-size:.75rem!important;font-weight:400!important}.pelanggan-container .table td.table-data-sm,.pelanggan-container table td.table-data-sm{font-size:.875rem!important;font-weight:400!important}.pelanggan-container .table td.table-data-md,.pelanggan-container table td.table-data-md{font-size:1rem!important;font-weight:400!important}.pelanggan-container .table td.table-data-lg,.pelanggan-container table td.table-data-lg{font-size:1.125rem!important;font-weight:400!important}.pelanggan-container .table td.table-data-xl,.pelanggan-container table td.table-data-xl{font-size:1.25rem!important;font-weight:400!important}.query-rules-section{border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;background-color:#f8f9fa}.query-preview{border:1px solid #ced4da;border-radius:.375rem}.update-fields-section{border:1px solid #ffc107;border-radius:.375rem;padding:1rem;background-color:#fff3cd}.execute-section{padding-top:1rem;border-top:2px solid #dee2e6}.data-request-container{padding:20px}.data-request-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.data-request-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.data-request-filters .search-group{min-width:300px;flex:1 1;max-width:500px}.data-request-filters .search-input-container{position:relative;display:flex;align-items:center}.data-request-filters .search-input{padding-right:40px;font-size:14px}.data-request-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.data-request-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.data-request-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.data-request-filters .filter-group input,.data-request-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.data-request-filters .filter-group input:focus,.data-request-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}@media (max-width:768px){.header{grid-gap:15px;gap:15px}.header,.header-title{flex-direction:column;align-items:stretch}.header-title{grid-gap:10px;gap:10px}.data-request-filters{flex-direction:column;grid-gap:15px;gap:15px}.data-request-filters .filter-group,.data-request-filters .search-group{min-width:100%;max-width:100%}}.calls-report-container{padding:20px}.page-header{margin-bottom:20px}.page-header h1{color:#343a40}.filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.filters-section .form-group{margin-bottom:15px}.filters-section .form-label{font-weight:500;color:#495057;margin-bottom:5px}.summary-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.summary-section h3{margin-bottom:15px;color:#343a40;font-weight:600}.calls-data-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.calls-data-section h3{margin-bottom:15px;color:#343a40;font-weight:600}.table{font-size:.9rem}.table thead th{border-bottom:2px solid #dee2e6}.table tbody td.text-left,.table thead th.text-left{text-align:left}.table tbody td.text-right,.table thead th.text-right{text-align:right}.table tbody td.text-center,.table thead th.text-center{text-align:center}.pagination-controls{padding-top:20px;border-top:1px solid #dee2e6}.pagination-info{font-weight:500}.pagination-size-selector{font-size:.9rem;color:#6c757d}.pagination-size-selector select{font-size:.9rem}.pagination-buttons{grid-gap:8px;gap:8px}.pagination-page-info{color:#495057}.pagination-jump input{padding:4px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;text-align:center}.pagination-jump input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}@media (max-width:768px){.calls-report-container{padding:10px}.page-header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.header-actions,.header-actions .btn{width:100%}.table{font-size:.8rem}.pagination-section{flex-direction:column;grid-gap:10px;gap:10px}}.tarif-container{padding:20px}.tarif-container .table th.table-header-xs,.tarif-container table th.table-header-xs{font-size:.75rem!important;font-weight:400!important}.tarif-container .table th.table-header-sm,.tarif-container table th.table-header-sm{font-size:.875rem!important;font-weight:400!important}.tarif-container .table th.table-header-md,.tarif-container table th.table-header-md{font-size:1rem!important;font-weight:400!important}.tarif-container .table th.table-header-lg,.tarif-container table th.table-header-lg{font-size:1.125rem!important;font-weight:400!important}.tarif-container .table th.table-header-xl,.tarif-container table th.table-header-xl{font-size:1.25rem!important;font-weight:400!important}.tarif-container .table td.table-data-xs,.tarif-container table td.table-data-xs{font-size:.75rem!important;font-weight:400!important}.tarif-container .table td.table-data-sm,.tarif-container table td.table-data-sm{font-size:.875rem!important;font-weight:400!important}.tarif-container .table td.table-data-md,.tarif-container table td.table-data-md{font-size:1rem!important;font-weight:400!important}.tarif-container .table td.table-data-lg,.tarif-container table td.table-data-lg{font-size:1.125rem!important;font-weight:400!important}.tarif-container .table td.table-data-xl,.tarif-container table td.table-data-xl{font-size:1.25rem!important;font-weight:400!important}.font-xs{font-size:.75rem!important}.font-sm{font-size:.875rem!important}.font-md{font-size:1rem!important}.font-lg{font-size:1.125rem!important}.font-xl{font-size:1.25rem!important}.tarif-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.tarif-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.tarif-filters .search-group{min-width:300px;flex:1 1;max-width:400px}.tarif-filters .search-input-container{position:relative;display:flex;align-items:center}.tarif-filters .search-input{padding-right:40px;font-size:14px}.tarif-filters .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.tarif-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.tarif-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.tarif-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.tarif-filters .filter-group input,.tarif-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.tarif-filters .filter-group input:focus,.tarif-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.tarif-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.tarif-filters .btn-primary{background-color:#007bff;border-color:#007bff}.tarif-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.tarif-filters .btn-secondary{background-color:#6c757d;border-color:#6c757d}.tarif-filters .btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.loading-overlay{position:fixed;z-index:1000}.badge-info{background-color:#d1ecf1;color:#0c5460}.table th{background-color:#f8f9fa;color:#495057}.tarif-container .badge{font-size:.75rem;padding:.4em .6em}.tarif-container .btn{border-radius:4px;font-weight:500;transition:all .2s ease}.tarif-container .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.tarif-container .btn-outline-primary{border-color:#3498db;color:#3498db}.tarif-container .btn-outline-primary:hover{background-color:#3498db;border-color:#3498db}.tarif-container .btn-outline-danger{border-color:#e74c3c;color:#e74c3c}.tarif-container .btn-outline-danger:hover{background-color:#e74c3c;border-color:#e74c3c}.tarif-container .form-control,.tarif-container .form-select{border-radius:4px;border:1px solid #ddd;transition:border-color .2s ease}.tarif-container .form-control:focus,.tarif-container .form-select:focus{border-color:#3498db;box-shadow:0 0 0 .2rem rgba(52,152,219,.25)}.tarif-container .alert{border-radius:6px;border:none;font-weight:500}.tarif-container .spinner-border-sm{width:1rem;height:1rem}.tarif-container .pagination{margin-bottom:0}.tarif-container .page-link{border-radius:4px;margin:0 2px;border:1px solid #ddd;color:#3498db}.tarif-container .page-link:hover{color:#fff}.tarif-container .page-item.active .page-link,.tarif-container .page-link:hover{background-color:#3498db;border-color:#3498db}.tarif-container .form-control[type=text],.tarif-container .form-select{border-radius:6px}@media (max-width:768px){.tarif-container{padding:15px}.header{grid-gap:15px;gap:15px}.header,.header-title{flex-direction:column;align-items:stretch}.search-input{width:100%}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}.table-responsive{margin-top:10px}}@media (max-width:576px){.tarif-container{padding:10px}.search-input{font-size:16px}.btn-sm{padding:.2rem .4rem;font-size:.8rem}.table tbody td,.table thead th{padding:8px 4px;font-size:.875rem}.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}.tarif-container .table td .badge{color:#000!important;font-weight:600!important;text-shadow:none!important}.tarif-container .table td .badge-info{background-color:#e3f2fd!important;color:#000!important;border:1px solid #bbdefb!important}.tarif-container .table td .badge-warning{background-color:#fff8e1!important;color:#000!important;border:1px solid #ffecb3!important}.analytics{padding:20px;max-width:1400px;margin:0 auto}.header-actions{grid-gap:15px;gap:15px;align-items:center;flex-wrap:wrap}.period-selector{display:flex;align-items:center;grid-gap:10px;gap:10px}.period-selector label{font-weight:600;color:#495057;white-space:nowrap}.period-select{padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;color:#495057;min-width:150px;transition:border-color .3s ease}.period-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.period-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-icon,.loading-spinner{margin-bottom:20px}.error-icon{font-size:3rem;color:#dc3545}.error-container h3{color:#dc3545;margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;grid-gap:20px;gap:20px}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:linear-gradient(135deg,#007bff,#0056b3)}.stat-content{flex:1 1}.stat-content h3{font-size:.9rem;font-weight:600;color:#6c757d;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:700;color:#2c3e50;margin:0 0 5px;line-height:1}.stat-label{font-size:.85rem;color:#6c757d;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:25px;gap:25px;margin-bottom:30px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.dashboard-card.full-width{grid-column:1/-1}.card-header{padding:20px 25px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;grid-gap:10px;gap:10px}.card-header i{color:#007bff}.card-content{padding:25px}.stats-details{margin-top:20px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.stat-detail{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.stat-detail-label{font-weight:600;color:#495057}.stat-detail-value{text-align:right;font-size:.9rem;color:#6c757d}.stat-detail-value div{margin-bottom:2px}.gate-stats{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.gate-stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.gate-info{flex:1 1}.gate-name{font-weight:600;color:#495057;margin-bottom:5px}.gate-details{display:flex;grid-gap:15px;gap:15px;font-size:.9rem;color:#6c757d}.gate-income{text-align:right}.income-amount{font-weight:600;color:#28a745;font-size:1.1rem}.income-avg{font-size:.85rem;color:#6c757d}.area-stats{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.area-stat-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #17a2b8}.area-info{flex:1 1}.area-name{font-weight:600;color:#495057;margin-bottom:5px}.area-details{display:flex;grid-gap:15px;gap:15px;font-size:.9rem;color:#6c757d}.area-income{text-align:right}.top-areas{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.top-area-item{grid-gap:20px;gap:20px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #ffc107}.rank-number,.top-area-item{display:flex;align-items:center}.rank-number{width:40px;height:40px;border-radius:50%;background:#ffc107;color:#fff;justify-content:center;font-weight:700;font-size:1.1rem}.area-info h4{margin:0 0 5px;color:#495057;font-size:1rem}.area-info p{margin:0;font-size:.9rem;color:#6c757d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.empty-state i{font-size:3rem;margin-bottom:15px;opacity:.5}.empty-state p{margin:0;font-size:1rem}.insights-section{margin-top:30px}.insight-alert{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:15px 20px;margin-bottom:25px}.insight-alert-content{color:#0c5460}.insight-alert-content strong{font-size:1.1rem}.insights-grid{margin-bottom:20px}.insight-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.insight-card-header{padding:15px 20px;border-bottom:1px solid hsla(0,0%,100%,.2)}.insight-card-header h4{margin:0;font-size:1rem;font-weight:600;display:flex;align-items:center;grid-gap:10px;gap:10px}.insight-card-header i{font-size:1.1rem}.insight-card-body{padding:20px}.insight-item{margin-bottom:15px}.insight-item:last-child{margin-bottom:0}.insight-item strong{display:block;font-size:.85rem;color:#6c757d;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.insight-value{font-size:1.1rem;color:#495057;font-weight:500}.insight-value-high{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-top:5px}.insight-small{font-size:.75rem;color:#6c757d;font-weight:400;display:block;margin-top:3px}.last-updated{text-align:center;padding:20px;color:#6c757d;font-size:.9rem;border-top:1px solid #e9ecef;margin-top:30px}.last-updated i{margin-right:8px;color:#007bff}@media (max-width:768px){.analytics{padding:15px}.page-header h1{font-size:1.5rem}.page-header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.header-actions{width:100%;justify-content:flex-start}.dashboard-grid,.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:1.5rem}.area-stat-item,.gate-stat-item,.top-area-item{flex-direction:column;align-items:stretch;text-align:center}.area-income,.gate-income{text-align:center;margin-top:10px}.area-details,.gate-details{justify-content:center}.insights-grid{grid-template-columns:1fr}.insight-card{margin-bottom:15px}}@media (max-width:480px){.analytics{padding:10px}.page-header h1{font-size:1.3rem}.stat-card{padding:15px;flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.2rem}.card-content{padding:20px}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-width:400px;pointer-events:none}.notification{display:flex;align-items:flex-start;grid-gap:12px;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border-left:4px solid #007bff;cursor:pointer;pointer-events:auto;transition:all .3s ease;animation:slideIn .3s ease-out;position:relative;overflow:hidden}.notification:hover{transform:translateX(-4px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.notification:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.notification-success{border-left-color:#28a745}.notification-success .notification-icon{color:#28a745}.notification-error{border-left-color:#dc3545}.notification-error .notification-icon{color:#dc3545}.notification-warning{border-left-color:#ffc107}.notification-warning .notification-icon{color:#ffc107}.notification-info{border-left-color:#17a2b8}.notification-info .notification-icon{color:#17a2b8}.notification-vehicle_enter{border-left-color:#28a745}.notification-vehicle_enter .notification-icon{color:#28a745}.notification-vehicle_exit{border-left-color:#6c757d}.notification-vehicle_exit .notification-icon{color:#6c757d}.notification-payment{border-left-color:#007bff}.notification-payment .notification-icon{color:#007bff}.notification-expired{border-left-color:#dc3545;animation:pulse-expired 1s infinite}.notification-expired .notification-icon{color:#dc3545}@keyframes pulse-expired{0%{box-shadow:0 4px 12px rgba(220,53,69,.15)}50%{box-shadow:0 4px 12px rgba(220,53,69,.3)}to{box-shadow:0 4px 12px rgba(220,53,69,.15)}}.notification-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.notification-content{flex:1 1;min-width:0}.notification-title{font-weight:600;color:#2c3e50;font-size:.9rem;margin-bottom:4px;line-height:1.3}.notification-message{color:#495057;font-size:.85rem;line-height:1.4;margin-bottom:4px}.notification-details{color:#6c757d;font-size:.8rem;line-height:1.3;font-style:italic}.notification-close{background:none;border:none;color:#adb5bd;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:#f8f9fa;color:#6c757d}.notification-close i{font-size:.8rem}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(0,0,0,.1);border-radius:0 0 8px 8px;overflow:hidden}.notification-progress-bar{height:100%;background:currentColor;opacity:.3;animation:progressBar 5s linear forwards}@keyframes progressBar{0%{width:100%}to{width:0}}@media (max-width:768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{padding:12px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}.notification-details{font-size:.75rem}}@media (max-width:480px){.notification-container{top:5px;right:5px;left:5px}.notification{padding:10px;grid-gap:8px;gap:8px}.notification-icon{font-size:1rem}.notification-close,.notification-icon{width:20px;height:20px}}.settings{padding:20px;background-color:#f8f9fa;min-height:100vh}.settings-container{display:flex;grid-gap:30px;gap:30px;margin-top:20px}.settings-sidebar{width:250px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.05);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.settings-tab{width:100%;display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;border:none;background:transparent;color:#495057;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:8px;text-align:left}.settings-tab:hover{background:#e9ecef;color:#495057}.settings-tab.active{background:#007bff;color:#fff;box-shadow:0 2px 4px rgba(0,123,255,.3)}.settings-tab i{font-size:1.1rem;width:20px}.settings-content{flex:1 1;background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #dee2e6}.settings-actions{display:flex;grid-gap:12px;gap:12px}.alert-success{background:#d4edda;border:1px solid #c3e6cb}.alert-error{background:#f8d7da}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px;margin:20px 0}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;margin-bottom:16px}.settings-header h2{margin:0;color:#212529;font-weight:700;font-size:1.5rem}.settings-form{max-width:600px}.settings-form input,.settings-form select,.settings-form textarea{background-color:#fff!important;color:#212529!important;border:2px solid #ced4da!important}.settings-form input::placeholder,.settings-form select::placeholder,.settings-form textarea::placeholder{color:#6c757d!important;opacity:1}.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus{background-color:#fff!important;color:#212529!important;border-color:#007bff!important}.settings-section{grid-gap:20px;gap:20px}.form-group,.settings-section{display:flex;flex-direction:column}.form-group{grid-gap:8px;gap:8px}.form-group label{color:#495057!important;margin-bottom:4px;background:none!important;background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#495057!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important;-o-filter:none!important}.form-group input,.form-group select{padding:12px 16px;border:2px solid #ced4da;border-radius:8px;transition:all .3s ease;background-color:#fff!important;color:#212529!important;font-weight:500;box-shadow:none!important;outline:none!important}.form-group input:focus,.form-group select:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#212529!important}.form-group input:hover,.form-group select:hover{border-color:#ced4da!important;background-color:#fff!important;color:#212529!important;box-shadow:none!important}.checkbox-label{display:flex;align-items:center;grid-gap:12px;gap:12px;cursor:pointer;font-weight:600;color:#495057;font-size:.95rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#007bff}.checkbox-label:hover{color:#007bff}.settings *{box-sizing:border-box}.settings .form-group label,.settings label{text-shadow:none!important;box-shadow:none!important;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important;-o-filter:none!important;background:none!important;background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#495057!important;color:#495057!important;font-weight:600!important}.settings input:-webkit-autofill,.settings input:-webkit-autofill:active,.settings input:-webkit-autofill:focus,.settings input:-webkit-autofill:hover,.settings select:-webkit-autofill,.settings select:-webkit-autofill:active,.settings select:-webkit-autofill:focus,.settings select:-webkit-autofill:hover,.settings textarea:-webkit-autofill,.settings textarea:-webkit-autofill:active,.settings textarea:-webkit-autofill:focus,.settings textarea:-webkit-autofill:hover{-webkit-text-fill-color:#212529!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#212529!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit;background-color:#fff!important;color:#212529!important}.settings input,.settings select,.settings textarea{background-color:#fff!important;color:#212529!important;border:2px solid #ced4da!important}.settings input:focus,.settings select:focus,.settings textarea:focus{background-color:#fff!important;color:#212529!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important}.settings label{color:#495057!important;font-weight:600!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;-webkit-filter:none!important;-moz-filter:none!important;-ms-filter:none!important;-o-filter:none!important;background:none!important;background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:#495057!important}.settings div,.settings p,.settings span{color:inherit}@media (max-width:768px){.settings{padding:15px}.settings-container{flex-direction:column;grid-gap:20px;gap:20px}.settings-sidebar{width:100%}.settings-content{padding:20px}.settings-header{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.settings-tab{justify-content:center}}.users-container{padding:20px}.search-container{position:relative;display:flex;align-items:center}.search-input{padding:8px 35px 8px 12px;border:1px solid #ced4da;border-radius:4px;width:300px;transition:all .2s ease}.search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.search-clear{position:absolute;right:10px;background:none;font-size:18px;color:#6c757d;padding:0}.search-clear:hover{color:#343a40}.users-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.users-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.users-filters .search-group{min-width:300px;flex:1 1;max-width:400px}.users-filters .search-input-container{position:relative;display:flex;align-items:center}.users-filters .search-input{padding-right:40px;font-size:14px}.users-filters .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.users-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.users-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.users-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.users-filters .filter-group input,.users-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.users-filters .filter-group input:focus,.users-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.users-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.users-filters .btn-primary{background-color:#007bff;border-color:#007bff}.users-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.users-filters .btn-secondary{background-color:#6c757d;border-color:#6c757d}.users-filters .btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.table-responsive{max-width:100%}.table{min-width:100%}.table th{background-color:#f8f9fa!important;border:solid #dee2e6;border-width:1px 1px 2px;text-align:center}.table th,.table thead th{color:#495057!important}.badge{border-radius:20px;font-weight:400}.badge.badge-success{background-color:#d4edda!important;color:#212529!important}.badge.badge-secondary{background-color:#e2e3e5!important;color:#212529!important}.badge.badge-warning{background-color:#fff3cd!important;color:#212529!important}.badge.role-1{background:#fee!important;color:#212529!important}.badge.role-2{background:#fef5e7!important;color:#212529!important}.badge.role-3{background:#f0fff4!important;color:#212529!important}.badge.user-type-web{background:#e3f2fd!important;color:#1976d2!important}.badge.user-type-controller{background:#fff3e0!important;color:#f57c00!important}.badge.user-type-mobile{background:#f3e5f5!important;color:#7b1fa2!important}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.me-2{margin-right:.5rem}.modal-body{max-height:70vh;overflow-y:auto}.form-group{margin-bottom:1rem}.form-label{font-weight:500}.form-control{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-select{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem 2.25rem .375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-check{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.form-check-input{margin:0}.btn{border-radius:.375rem;transition:all .15s ease-in-out}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.btn-info{background-color:#0dcaf0;border-color:#0dcaf0;color:#000}.btn-info:hover{background-color:#3dd5f3;border-color:#25cff2}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37}.btn-secondary{border-color:#6c757d}.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{background-color:#0d6efd;border-color:#0d6efd}.btn-sm{border-radius:.25rem}.alert{border-radius:.375rem;margin-bottom:1rem}.alert-success{background-color:#d1e7dd;color:#0f5132}@media (max-width:768px){.users-container{padding:15px}.header,.header-title{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.search-input{width:100%}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}.table-container{overflow-x:auto}.modal-body{max-height:60vh}}@media (max-width:576px){.users-container{padding:10px}.search-input{font-size:16px}.btn-sm{padding:.2rem .4rem;font-size:.8rem}.table tbody td,.table thead th{padding:8px 4px;font-size:.875rem}.modal-body{max-height:50vh}.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-responsive::-webkit-scrollbar{width:8px}.table-responsive::-webkit-scrollbar-thumb{background:#c1c1c1}.table-responsive::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-responsive{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.table tbody tr{animation:fadeIn .3s ease-in-out}.btn:focus,.form-control:focus,.form-select:focus{outline:2px solid #0d6efd;outline-offset:2px}@media print{.btn,.header-actions,.pagination{display:none!important}.table-container{box-shadow:none;border:1px solid #dee2e6}}.permissions-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.permissions-container h2{color:#343a40;margin-bottom:20px;font-weight:600}.permissions-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.filter-actions .btn,.filter-group input,.filter-group select{transition:all .2s ease}.filter-actions .btn{padding:10px 20px;font-weight:500;border-radius:4px;display:flex;align-items:center;grid-gap:8px;gap:8px}.filter-actions .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.table-responsive{background-color:#fff}.table thead th{font-size:.9rem}.table tbody td{border-color:#dee2e6}.badge{padding:.375rem .75rem}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.modal-content{border:none;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;padding:15px 20px}.modal-title{font-weight:600;color:#343a40}.form-control,.form-select{border-radius:4px;border:1px solid #ced4da;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus,.form-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.alert{border:none;font-weight:500}.alert-success{background-color:#d4edda;color:#155724}.jump-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.pagination{margin-bottom:0}.pagination .btn{margin:0 2px}@media (max-width:768px){.permissions-container{padding:10px}.permissions-filters{padding:15px;flex-direction:column;align-items:stretch}.filter-group,.search-group{min-width:auto}.search-group{max-width:none}.filter-actions{justify-content:center;margin-top:10px}.table-responsive{font-size:.875rem}.table tbody td,.table thead th{padding:8px 4px}.btn-sm{padding:.2rem .4rem;font-size:.8rem}.modal-dialog{margin:10px}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}}@media (max-width:576px){.permissions-container h2{font-size:1.5rem}.d-flex.justify-content-between{flex-direction:column;grid-gap:10px;gap:10px}.table tbody td,.table thead th{padding:6px 2px;font-size:.8rem}.badge{font-size:.7rem;padding:.25rem .5rem}.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}.role-permissions-container{padding:20px}.role-permissions-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.role-permissions-container .header-title{display:flex;align-items:center;grid-gap:20px;gap:20px}.role-permissions-container .header-title h2{margin:0;color:#333;font-weight:600}.role-permissions-container .header-actions{display:flex;grid-gap:10px;gap:10px}.role-permissions-container .search-container{position:relative;display:flex;align-items:center}.role-permissions-container .search-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;width:300px;font-size:14px}.role-permissions-container .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.role-permissions-container .search-clear{position:absolute;right:8px;background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.role-permissions-container .search-clear:hover{color:#dc3545}.role-permissions-container .table{margin-bottom:0;background-color:#fff;border:1px solid #dee2e6}.role-permissions-container .table th{background-color:#f8f9fa;border:solid #dee2e6;border-width:1px 1px 2px;font-weight:600;color:#495057;padding:12px 8px;text-align:center}.role-permissions-container .table td{padding:12px 8px;vertical-align:middle;border-bottom:1px solid #dee2e6}.role-permissions-container .table tbody tr:hover{background-color:#f8f9fa}.role-permissions-container .btn{border-radius:6px;font-weight:500}.role-permissions-container .btn-sm{padding:.25rem .5rem;font-size:.875rem}.role-permissions-container .form-control,.role-permissions-container .form-select{border-radius:6px;border:1px solid #ced4da;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.role-permissions-container .form-control:focus,.role-permissions-container .form-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.role-permissions-container .alert{border-radius:6px;border:none}.role-permissions-container .modal-content{border-radius:8px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.3)}.role-permissions-container .modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;padding:15px 20px}.role-permissions-container .modal-title{font-weight:600;color:#343a40}.role-permissions-container .modal-body{padding:1.5rem}.role-permissions-container .modal-footer{border-top:1px solid #e9ecef;padding:1rem 1.5rem}.role-permissions-container .spinner-border{width:1rem;height:1rem}.role-permissions-container .text-muted{color:#6c757d!important}.role-permissions-container .text-primary{color:#007bff!important}.role-permissions-container .text-danger{color:#dc3545!important}.role-permissions-container .text-success{color:#28a745!important}.role-permissions-container .pagination-controls{justify-content:space-between;padding:20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:20px;border-radius:4px}.role-permissions-container .pagination-controls,.role-permissions-container .pagination-left{display:flex;align-items:center;flex-wrap:wrap;grid-gap:20px;gap:20px}.role-permissions-container .pagination-right{display:flex;align-items:center;grid-gap:15px;gap:15px;flex-wrap:wrap}.role-permissions-container .pagination-info{font-size:14px;color:#6c757d;white-space:nowrap}.role-permissions-container .pagination-size-selector{display:flex;align-items:center;grid-gap:8px;gap:8px}.role-permissions-container .pagination-size-selector span{font-size:14px;color:#6c757d;white-space:nowrap}.role-permissions-container .pagination-size-selector select{width:70px;padding:6px 8px;border-radius:4px;border:1px solid #ced4da;background:#fff;font-size:14px}.role-permissions-container .pagination-buttons{display:flex;align-items:center;grid-gap:10px;gap:10px}.role-permissions-container .pagination-jump{display:flex;align-items:center}.role-permissions-container .jump-input{width:120px;padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:14px;text-align:center}.role-permissions-container .pagination-page-info{font-size:14px;color:#6c757d;white-space:nowrap}.role-permissions-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.clear-search-btn{border-radius:4px}.clear-search-btn:hover{background-color:#f8f9fa}.filter-actions{display:flex;grid-gap:10px;gap:10px;align-items:end}.filter-actions .btn{white-space:nowrap;font-size:14px;padding:8px 16px}.role-permissions-container .btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d}.role-permissions-container .btn-secondary:hover:not(:disabled){background:#545b62;border-color:#545b62;transform:translateY(-1px)}.role-permissions-container .btn-secondary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.role-permissions-container .search-filters{background-color:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem}@media (max-width:768px){.role-permissions-container .table-responsive{border:none}.role-permissions-container .table td,.role-permissions-container .table th{padding:8px 4px;font-size:.875rem}.role-permissions-container .btn-sm{padding:.2rem .4rem;font-size:.8rem}.role-permissions-filters{padding:15px;flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px}.filter-group{min-width:auto;width:100%}.search-group{min-width:auto;max-width:none}.filter-actions{justify-content:center;flex-wrap:wrap}.role-permissions-container .pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.role-permissions-container .pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.role-permissions-container .pagination-right{justify-content:center;grid-gap:10px;gap:10px}.role-permissions-container .pagination-info{font-size:13px}.role-permissions-container .jump-input{width:100px}}@media (max-width:576px){.role-permissions-container .pagination-controls{padding:12px;grid-gap:12px;gap:12px}.role-permissions-container .pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.role-permissions-container .pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.role-permissions-container .pagination-info{font-size:12px}.role-permissions-container .pagination-page-info{font-size:12px;text-align:center}.role-permissions-container .jump-input{width:80px}}@media (max-width:768px){.role-permissions-container .modal-xl{max-width:95%}.role-permissions-container .modal-body{padding:1rem}.role-permissions-container .modal-footer,.role-permissions-container .modal-header{padding:15px 20px}}.role-permissions-container .badge{font-size:.75em;padding:.375em .75em;border-radius:4px;font-weight:500}.role-permissions-container .badge-primary{background-color:#007bff;color:#fff}.role-permissions-container .badge-info{background-color:#17a2b8;color:#fff}.role-permissions-container .badge-secondary{background-color:#6c757d;color:#fff}.role-permissions-container .badge-success{background-color:#28a745;color:#fff}.role-permissions-container .badge-danger{background-color:#dc3545;color:#fff}.role-permissions-container .empty-state{text-align:center;padding:40px 20px;color:#6c757d}.role-permissions-container .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.role-permissions-container .empty-text{font-size:16px;margin-bottom:20px;color:#6c757d}.role-permissions-container .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.role-permissions-container .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.role-permissions-container .loading-text{margin-top:15px;color:#6c757d;font-size:16px}.role-permissions-container .is-invalid{border-color:#dc3545}.role-permissions-container .invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875rem;color:#dc3545}.role-permissions-container .permission-list{scrollbar-width:thin;scrollbar-color:#ced4da #f8f9fa}.role-permissions-container .permission-list::-webkit-scrollbar{width:6px}.role-permissions-container .permission-list::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.role-permissions-container .permission-list::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.role-permissions-container .permission-list::-webkit-scrollbar-thumb:hover{background:#adb5bd}.user-migration-container{padding:20px;background-color:#fff}.action-bar{background-color:#f8f9fa;padding:15px;border:1px solid #dee2e6;border-radius:4px;margin-bottom:20px}.migration-table{background-color:#fff;border:1px solid #dee2e6}.migration-table thead{background-color:#f8f9fa}.migration-table th{border:1px solid #dee2e6;padding:12px;font-weight:600;color:#333}.migration-table td{border:1px solid #dee2e6;padding:12px;vertical-align:middle}.migration-table tbody tr:hover{background-color:#f8f9fa}.migration-table .table-secondary{background-color:#e9ecef;opacity:.7}.migration-table .form-select{border:1px solid #ced4da;border-radius:4px}.migration-table .form-check-input{cursor:pointer}.badge{padding:6px 12px;border-radius:4px;font-size:.875rem}.text-muted{color:#6c757d!important}.customer-migration-failed-container{padding:20px;max-width:1200px;margin:0 auto}.page-header h2{margin-bottom:10px;color:#333}.migration-form-container{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.migration-form-container .form-label{font-weight:600;margin-bottom:8px}.migration-form-container .form-select{margin-bottom:5px}.d-flex.gap-2{grid-gap:10px;gap:10px}@media (max-width:768px){.customer-migration-failed-container,.migration-form-container{padding:15px}}.profile-container{max-width:1200px;margin:0 auto;padding:20px}.profile-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1)}.profile-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.profile-header h1 i{margin-right:15px;font-size:2.8rem}.profile-header p{margin:0;font-size:1.1rem;opacity:.9}.profile-content{display:grid;grid-gap:30px;gap:30px}.profile-section{background:#fff;border-radius:15px;padding:30px;box-shadow:0 2px 15px rgba(0,0,0,.08);border:1px solid #f0f0f0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f8f9fa}.section-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.section-header h2 i{margin-right:10px;color:#667eea}.edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.edit-btn i{font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:25px;gap:25px}.info-item{padding:20px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.info-item label{display:block;font-weight:600;color:#666;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-value{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:1.1rem;color:#333;font-weight:500}.info-value i{color:#667eea;width:20px;text-align:center}.role-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-super-admin{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.role-technical-support{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.role-owner{background:linear-gradient(135deg,#45b7d1,#96c93d);color:#fff}.status-badge{padding:6px 12px;border-radius:20px;font-size:.85rem}.status-badge.active{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.password-change-form{background:#f8f9fa;padding:25px;border-radius:10px;border:1px solid #e9ecef}.form-group label{color:#333;grid-gap:8px;gap:8px}.form-group label i{color:#667eea;width:16px}.form-group input{padding:12px 15px;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input::placeholder{color:#adb5bd}.message{padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;grid-gap:10px;gap:10px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message i{font-size:1.1rem}.form-actions{margin-top:25px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px;min-width:180px;justify-content:center}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn i{font-size:.9rem}.permissions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.permission-item{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #28a745;display:flex;align-items:center;grid-gap:10px;gap:10px;font-weight:500;color:#333;transition:all .3s ease}.permission-item:hover{background:#e9ecef;transform:translateX(5px)}.permission-item i{color:#28a745;font-size:.9rem}@media (max-width:768px){.profile-container{padding:15px}.profile-header{padding:20px}.profile-header h1{font-size:2rem}.profile-header h1 i{font-size:2.2rem}.profile-section{padding:20px}.section-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:flex-start}.info-grid{grid-template-columns:1fr;grid-gap:15px;gap:15px}.info-item{padding:15px}.permissions-list{grid-template-columns:1fr}.form-actions{flex-direction:column}.save-btn{width:100%}}@media (max-width:480px){.profile-header h1{font-size:1.8rem}.profile-header h1 i{font-size:2rem}.section-header h2{font-size:1.3rem}.info-value{font-size:1rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,rgba(7,20,43,.97),rgba(7,71,150,.9) 45%,rgba(16,120,168,.85)),url(https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&q=80&w=2070) 50%/cover no-repeat fixed;padding:20px;position:relative;overflow:hidden}.login-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(23,167,104,.14),transparent 45%),radial-gradient(circle at 80% 5%,rgba(11,116,197,.18),transparent 55%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05) 1px,transparent 0,transparent 18px),linear-gradient(90deg,hsla(0,0%,100%,.03) 2px,transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.03) 2px,transparent 0);background-size:cover,cover,240px 240px,120px 120px,120px 120px;opacity:.25;z-index:0;pointer-events:none}.shape-1{width:80px;height:80px;top:20%;left:10%}.shape-2{width:120px;height:120px;right:15%}.shape-3{width:60px;height:60px;left:20%}.shape-4{width:100px;height:100px;top:10%;right:30%}.shape-5{width:140px;height:140px;top:40%;left:5%}.login-card{z-index:2;background:rgba(5,20,38,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 50px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.2),inset 0 1px 0 hsla(0,0%,100%,.3);padding:50px 40px;width:100%;max-width:420px;text-align:center;border:1px solid hsla(0,0%,100%,.15);animation:cardEntrance 1s ease-out;position:relative;overflow:hidden}.login-card:before{bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.05),rgba(11,116,197,.2) 40%,rgba(12,192,165,.2));border-radius:24px;z-index:-1}.login-card:after,.login-card:before{content:"";position:absolute;top:0;left:0;right:0}.login-card:after{height:6px;background:linear-gradient(90deg,var(--san-green),var(--san-blue));opacity:.9}.logo-container{margin-bottom:20px}.sky-logo{width:100px;height:100px;filter:drop-shadow(0 8px 16px rgba(11,116,197,.35))}.sky-logo:hover{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 12px 24px rgba(23,167,104,.45))}.logo-glow{width:120px;height:120px}.login-header{margin-bottom:40px}.login-header h1{color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:15px;letter-spacing:3px;text-shadow:0 0 20px rgba(11,116,197,.45),0 0 40px rgba(23,167,104,.35),2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(90deg,var(--san-green),var(--san-blue));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite}.login-subtitle{color:hsla(0,0%,100%,.9);font-size:1.05rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.15rem;text-transform:uppercase;margin-bottom:6px}.login-tagline{color:rgba(245,249,255,.7);font-size:.95rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.35);letter-spacing:.1rem;text-transform:uppercase;margin-bottom:18px}.industry-pill{grid-gap:8px;gap:8px;padding:8px 18px}.login-form{text-align:left}.form-group label i{text-shadow:0 0 10px rgba(255,214,0,.6)}.form-group input{width:100%;padding:16px 20px;border:2px solid hsla(0,0%,100%,.1);border-radius:16px;font-size:1rem;transition:all .4s ease;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0d1117;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1)}.form-group input:hover{border-color:rgba(11,116,197,.6);box-shadow:0 0 20px rgba(255,214,0,.2),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px)}.form-group input:focus{outline:none;border-color:var(--san-blue);box-shadow:0 0 0 4px rgba(11,116,197,.25),0 0 30px rgba(23,167,104,.35),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px);background:hsla(0,0%,100%,.95)}.login-btn{width:100%;background:linear-gradient(135deg,var(--san-green),var(--san-blue));background-size:200% 200%;color:#fdfdfd;border:none;padding:18px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;margin-top:30px;box-shadow:0 8px 25px rgba(11,116,197,.35),inset 0 1px 0 hsla(0,0%,100%,.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;animation:buttonGlow 2s ease-in-out infinite}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.login-btn:hover:before{left:100%}.login-btn i{margin-right:10px;font-size:1.2rem}.login-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px rgba(23,167,104,.45),inset 0 1px 0 hsla(0,0%,100%,.3);background-position:100% 50%}.login-btn:active:not(:disabled){transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{box-shadow:0 4px 15px hsla(0,100%,71%,.2),inset 0 1px 0 hsla(0,0%,100%,.1);opacity:1;visibility:visible}.error-message i{margin-right:10px;color:#ff6b6b;font-size:1.1rem}.login-footer{margin-top:40px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.2);position:relative}.login-footer:before{content:"🔑";position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:1.2rem;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid hsla(0,0%,100%,.2);z-index:1}.login-footer p{color:hsla(0,0%,100%,.8);font-size:.95rem;margin:15px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:2}.login-footer a{color:var(--san-blue);text-decoration:none;font-weight:700;transition:all .3s ease;text-shadow:0 0 10px rgba(255,214,0,.5)}.login-footer a:hover{color:var(--san-green);text-shadow:0 0 15px rgba(255,214,0,.8);text-decoration:underline}@media (max-width:480px){.login-card{padding:40px 25px;margin:10px}.sky-logo{width:80px;height:80px}.logo-glow{width:100px;height:100px}.login-header h1{font-size:2rem;letter-spacing:2px}.login-subtitle{font-size:.95rem;letter-spacing:.12rem}.login-tagline{font-size:.85rem;letter-spacing:.08rem}.industry-pill{flex-direction:column;grid-gap:4px;gap:4px;text-align:center}.form-group input{padding:14px 16px}.login-btn{padding:16px;font-size:1rem}}@media (max-width:360px){.login-card{padding:30px 20px}.login-header h1{font-size:1.8rem}.login-subtitle,.login-tagline{letter-spacing:.05rem}}:root{--san-green:#17a768;--san-blue:#0b74c5;--san-navy:#0a1f33;--san-gray:#3f4d5d;--san-light:#f5f9ff;--san-teal:#0cc0a5;--san-deep:#031120}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,rgba(7,20,43,.97),rgba(7,71,150,.9) 45%,rgba(16,120,168,.85)),url(https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&q=80&w=2070) 50%/cover no-repeat fixed;padding:40px 20px;position:relative;overflow:hidden}.register-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(23,167,104,.14),transparent 45%),radial-gradient(circle at 80% 5%,rgba(11,116,197,.18),transparent 55%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05) 1px,transparent 0,transparent 18px),linear-gradient(90deg,hsla(0,0%,100%,.03) 2px,transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.03) 2px,transparent 0);background-size:cover,cover,240px 240px,120px 120px,120px 120px;opacity:.25;z-index:0;pointer-events:none}.bg-animation{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.floating-shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s linear infinite}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5,.shape-6,.shape-7{filter:drop-shadow(0 25px 45px rgba(0,0,0,.25))}.shape-1{width:100px;height:100px;top:18%;left:12%;animation-delay:0s;background:linear-gradient(45deg,rgba(23,167,104,.35),rgba(11,116,197,.2))}.shape-2{width:160px;height:160px;top:60%;right:10%;animation-delay:-5s;background:linear-gradient(45deg,rgba(11,116,197,.25),rgba(12,192,165,.2))}.shape-3{width:70px;height:70px;top:80%;left:22%;animation-delay:-10s;background:linear-gradient(45deg,rgba(23,167,104,.35),rgba(5,206,159,.25))}.shape-4{width:120px;height:120px;top:12%;right:32%;animation-delay:-15s;background:linear-gradient(45deg,hsla(0,0%,100%,.08),rgba(11,116,197,.15))}.shape-5{width:180px;height:180px;top:45%;left:6%;animation-delay:-8s;background:linear-gradient(45deg,rgba(11,116,197,.3),rgba(3,17,32,.2))}.shape-6{width:110px;height:110px;top:70%;right:5%;animation-delay:-12s;background:linear-gradient(45deg,hsla(0,0%,100%,.1),rgba(23,167,104,.2))}.shape-7{width:90px;height:90px;top:30%;right:50%;animation-delay:-18s;background:linear-gradient(45deg,rgba(11,116,197,.25),hsla(0,0%,100%,.08))}@keyframes float{0%{transform:translateY(0) rotate(0deg);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}to{transform:translateY(0) rotate(1turn);opacity:.7}}.register-card{position:relative;z-index:2;background:rgba(5,20,38,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.35),0 0 0 1px hsla(0,0%,100%,.08),inset 0 1px 0 hsla(0,0%,100%,.2);padding:56px 48px;width:100%;max-width:560px;text-align:center;border:1px solid hsla(0,0%,100%,.18);animation:cardEntrance 1s ease-out;overflow:hidden}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.register-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,hsla(0,0%,100%,.05),rgba(11,116,197,.2) 40%,rgba(12,192,165,.2));border-radius:28px;z-index:-1}.register-card:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--san-green),var(--san-blue));opacity:.9}.logo-container{position:relative;display:inline-block;margin-bottom:24px}.sky-logo{width:110px;height:110px;filter:drop-shadow(0 12px 24px rgba(11,116,197,.35));transition:all .4s ease;position:relative;z-index:2}.sky-logo:hover{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 18px 30px rgba(23,167,104,.45))}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(11,116,197,.35) 0,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite;z-index:1}.register-header{margin-bottom:40px}.register-header h1{color:#fff;font-size:2.6rem;font-weight:900;margin-bottom:12px;letter-spacing:3px;text-shadow:0 0 20px rgba(11,116,197,.45),0 0 40px rgba(23,167,104,.35),2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(90deg,var(--san-green),var(--san-blue));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 3s ease-in-out infinite}@keyframes textShine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.register-subtitle{color:hsla(0,0%,100%,.9);font-size:1.05rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:.15rem;text-transform:uppercase;margin-bottom:6px}.register-tagline{color:rgba(245,249,255,.75);font-size:.95rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.35);letter-spacing:.1rem;text-transform:uppercase;margin-bottom:18px}.industry-pill{display:inline-flex;grid-gap:10px;gap:10px;padding:10px 20px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);box-shadow:inset 0 0 12px hsla(0,0%,100%,.08);font-size:.75rem;text-transform:uppercase;letter-spacing:.08rem;color:hsla(0,0%,100%,.85)}.industry-pill span:not(:last-child):after{content:"";display:inline-block;width:4px;height:4px;margin-left:8px;border-radius:50%;background:hsla(0,0%,100%,.5)}.register-form{text-align:left}.form-group{margin-bottom:25px;position:relative}.form-group label{display:flex;align-items:center;color:hsla(0,0%,100%,.95);margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.3);font-size:.95rem}.form-group label i{margin-right:10px;color:var(--san-green);font-size:1.1rem;text-shadow:0 0 10px rgba(11,116,197,.4)}.form-group input,.form-group select{width:100%;padding:16px 20px;border:2px solid hsla(0,0%,100%,.12);border-radius:16px;font-size:1rem;transition:all .4s ease;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0d1117;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1)}.form-group input::placeholder{color:rgba(0,0,0,.5);font-style:italic}.form-group input:hover,.form-group select:hover{border-color:rgba(11,116,197,.6);box-shadow:0 0 20px rgba(11,116,197,.2),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--san-blue);box-shadow:0 0 0 4px rgba(11,116,197,.25),0 0 30px rgba(23,167,104,.35),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px);background:hsla(0,0%,100%,.97)}.register-btn{width:100%;background:linear-gradient(135deg,var(--san-green),var(--san-blue));background-size:200% 200%;color:#fdfdfd;border:none;padding:18px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;margin-top:30px;box-shadow:0 10px 30px rgba(11,116,197,.35),inset 0 1px 0 hsla(0,0%,100%,.3);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;animation:buttonGlow 2s ease-in-out infinite}@keyframes buttonGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.register-btn:hover:before{left:100%}.register-btn i{margin-right:10px;font-size:1.2rem}.register-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 18px 40px rgba(23,167,104,.45),inset 0 1px 0 hsla(0,0%,100%,.3);background-position:100% 50%}.register-btn:active:not(:disabled){transform:translateY(-1px)}.register-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:hsla(0,100%,71%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px;border-radius:12px;margin-bottom:25px;display:flex!important;align-items:center;font-size:.95rem;border:2px solid hsla(0,100%,71%,.3);box-shadow:0 4px 15px hsla(0,100%,71%,.2),inset 0 1px 0 hsla(0,0%,100%,.08);animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.success-message{background:rgba(23,167,104,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:16px;border-radius:12px;margin-bottom:25px;display:flex!important;align-items:center;font-size:.95rem;border:2px solid rgba(23,167,104,.35);box-shadow:0 4px 15px rgba(23,167,104,.2),inset 0 1px 0 hsla(0,0%,100%,.08);animation:successPulse .5s ease-in-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.register-footer{margin-top:40px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.2);position:relative}.register-footer:before{content:"💳";position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:1.2rem;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid hsla(0,0%,100%,.18);z-index:1}.register-footer p{color:hsla(0,0%,100%,.8);font-size:.95rem;margin:15px 0 0;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:2}.register-footer a{color:var(--san-blue);text-decoration:none;font-weight:700;transition:all .3s ease;text-shadow:0 0 10px hsla(0,0%,100%,.25)}.register-footer a:hover{color:var(--san-green);text-shadow:0 0 15px hsla(0,0%,100%,.5);text-decoration:underline}.captcha-container{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.captcha-input-container{display:flex;grid-gap:10px;gap:10px;align-items:center}.captcha-input{flex:1 1;padding:16px 20px;border:2px solid hsla(0,0%,100%,.12);border-radius:16px;font-size:1rem;transition:all .4s ease;background:hsla(0,0%,100%,.92);color:#0d1117;text-transform:uppercase;letter-spacing:2px;font-weight:600;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1)}.captcha-input:focus{outline:none;border-color:var(--san-blue);box-shadow:0 0 0 4px rgba(11,116,197,.25),0 0 30px rgba(23,167,104,.35),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-2px);background:hsla(0,0%,100%,.97)}.captcha-refresh-btn{padding:16px;background:linear-gradient(135deg,var(--san-green),var(--san-blue));color:#fdfdfd;border:none;border-radius:16px;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;min-width:60px;font-weight:700;box-shadow:0 4px 15px rgba(11,116,197,.35),inset 0 1px 0 hsla(0,0%,100%,.3)}.captcha-refresh-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(23,167,104,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.captcha-refresh-btn i{font-size:1.1rem}.captcha-canvas{border:2px solid hsla(0,0%,100%,.12);border-radius:16px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:block;margin:0 auto;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.1)}@media (max-width:768px){.register-card{padding:40px 28px;margin:10px;max-width:500px}.sky-logo{width:90px;height:90px}.logo-glow{width:110px;height:110px}.register-header h1{font-size:2.2rem;letter-spacing:2px}.register-subtitle{font-size:.95rem;letter-spacing:.12rem}.register-tagline{font-size:.85rem;letter-spacing:.08rem}.form-group input,.form-group select{padding:14px 16px}.register-btn{padding:16px;font-size:1rem}}@media (max-width:480px){.register-card{padding:30px 20px}.industry-pill{flex-direction:column;grid-gap:4px;gap:4px;text-align:center}.captcha-input-container{flex-direction:column;grid-gap:8px;gap:8px}.captcha-refresh-btn{width:100%;padding:14px}}@media (max-width:360px){.register-card{padding:24px 16px}.register-header h1{font-size:1.8rem}.register-subtitle,.register-tagline{letter-spacing:.05rem}}.site-report{padding:20px;max-width:1400px;margin:0 auto}.page-header{padding-bottom:20px;border-bottom:2px solid #e0e0e0}.page-header h1{font-size:2rem;grid-gap:10px;gap:10px}.page-header h1 i{color:#9c27b0}.report-filters{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;display:flex;align-items:end;grid-gap:20px;gap:20px;flex-wrap:wrap}.filter-group{grid-gap:5px;gap:5px}.filter-group label{font-weight:500;font-size:.9rem}.filter-group input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px}.filter-group input:focus{outline:none;border-color:#9c27b0;box-shadow:0 0 0 2px rgba(156,39,176,.2)}.card-icon{border-radius:50%;font-size:1.5rem}.summary-card:first-child .card-icon{background:linear-gradient(135deg,#4caf50,#45a049)}.summary-card:nth-child(2) .card-icon{background:linear-gradient(135deg,#2196f3,#1976d2)}.summary-card:nth-child(3) .card-icon{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.card-content h3{margin:0 0 5px;font-size:.9rem;font-weight:500}.card-content .amount{margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50}.chart-section,.transaction-chart-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:600px}.chart-section h2,.transaction-chart-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;font-weight:600}.chart-container{height:500px;width:100%;min-height:400px;position:relative;flex:1 1;display:flex;flex-direction:column}.table-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.table-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;font-weight:600}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table td,.data-table th{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{font-weight:600;color:#495057;position:-webkit-sticky;position:sticky;top:0;text-align:center}.data-table tbody tr:hover,.data-table th{background-color:#f8f9fa}.data-table tbody tr:nth-child(2n){background-color:#fafafa}.data-table tbody tr:nth-child(2n):hover{background-color:#f0f0f0}.data-table .text-left{text-align:left}.data-table .text-center{text-align:center}.data-table .text-right{text-align:right}.data-table .numeric{text-align:right;font-family:"Courier New",monospace}.data-table .date{text-align:center}.data-table .text{text-align:left}.site-info{display:flex;align-items:center;grid-gap:8px;gap:8px}.site-info i{font-size:1.2rem}.percentage-bar{position:relative;background-color:#e0e0e0;border-radius:10px;height:20px;overflow:hidden}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:600;color:#2c3e50;z-index:2}.percentage-fill{height:100%;border-radius:10px;transition:width .3s ease}.insights-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.insights-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px;font-weight:600}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px}.insight-card{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #9c27b0}.insight-card h3{color:#2c3e50;font-size:1.1rem;margin-bottom:10px;font-weight:600}.insight-card p{color:#6c757d;margin:0;line-height:1.5}.alert{grid-gap:10px;gap:10px}.alert-error{border:1px solid #f5c6cb}.btn{transition:all .2s ease}.btn-primary{background-color:#9c27b0}.btn-primary:hover:not(:disabled){background-color:#7b1fa2}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268}@media (max-width:768px){.site-report{padding:15px}.page-header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.header-actions{width:100%;justify-content:flex-start}.report-filters{flex-direction:column;align-items:stretch}.filter-group input{min-width:auto}.summary-cards{grid-template-columns:1fr}.chart-container{height:400px;min-height:300px}.chart-section,.transaction-chart-section{min-height:500px}.insights-grid{grid-template-columns:1fr}}.qr-scanner-container{width:100%;max-width:100%;margin:0 auto;position:relative}.qr-input-section{margin-bottom:25px}.input-group{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.08)}.input-group:focus-within{border-color:#007bff;box-shadow:0 0 0 4px rgba(0,123,255,.15),0 6px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.input-icon{padding:18px 22px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:14px 0 0 14px}.input-icon i{font-size:1.4rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.qr-input{flex:1 1;padding:18px 22px;border:none;outline:none;font-size:1.2rem;font-family:"Courier New",monospace;letter-spacing:1.5px;background:transparent;color:#2c3e50;font-weight:500}.qr-input::placeholder{color:#6c757d;font-family:inherit;letter-spacing:normal;font-style:italic}.scan-button{padding:18px 25px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:0 14px 14px 0;font-weight:600}.scan-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:scale(1.05) translateY(-2px);box-shadow:0 8px 25px rgba(32,201,151,.3)}.scan-button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.scan-button i{font-size:1.2rem;margin-right:8px}.scan-status{margin-top:20px;display:flex;justify-content:center}.status-indicator{display:flex;align-items:center;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.status-indicator.ready{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.status-indicator.scanning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffeaa7;animation:scanningPulse 1.5s infinite}@keyframes scanningPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.status-indicator i{margin-right:10px;font-size:1.1rem}.scan-history{background:#fff;border-radius:16px;padding:25px;margin-bottom:30px;border:1px solid #e9ecef;box-shadow:0 4px 16px rgba(0,0,0,.08)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.history-header h4{margin:0;color:#2c3e50;font-size:1.2rem;display:flex;align-items:center;font-weight:600}.history-header h4 i{margin-right:10px;color:#007bff;font-size:1.1rem}.clear-history-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.clear-history-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.history-list{max-height:200px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#fff;border-radius:12px;margin-bottom:10px;border:1px solid #e9ecef;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.history-item:hover{transform:translateX(8px) translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15);border-color:#007bff}.history-item:last-child{margin-bottom:0}.scan-info{flex:1 1}.scan-code{display:block;font-family:"Courier New",monospace;font-size:1rem;color:#2c3e50;margin-bottom:6px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:8px 12px;border-radius:8px;border:1px solid #dee2e6;font-weight:500;letter-spacing:1px}.scan-time{font-size:.8rem;color:#6c757d}.retry-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.retry-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:scale(1.05) translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.scanner-tips{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:25px;border:1px solid #dee2e6;box-shadow:0 4px 16px rgba(0,0,0,.08)}.scanner-tips h5{margin:0 0 18px;color:#2c3e50;font-size:1.1rem;display:flex;align-items:center;font-weight:600}.scanner-tips h5 i{margin-right:10px;color:#ffc107;font-size:1.2rem}.scanner-tips ul{margin:0;padding-left:20px;color:#495057}.scanner-tips li{margin-bottom:10px;font-size:1rem;line-height:1.5;font-weight:500}.scanner-tips li:last-child{margin-bottom:0}@media (max-width:768px){.qr-scanner-container{padding:0;margin:0}.input-group{flex-direction:column;border-radius:12px}.input-icon{width:100%;justify-content:center;padding:15px;border-radius:12px 12px 0 0}.qr-input{width:100%;padding:15px 18px;font-size:1.1rem}.scan-button{width:100%;padding:15px;border-radius:0 0 12px 12px}.scan-history{padding:20px;margin:15px 0}.history-item{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px;padding:15px}.retry-btn{align-self:flex-end;margin-top:8px}.scanner-tips{padding:20px}.status-indicator{padding:10px 16px;font-size:.9rem}}@media (max-width:480px){.qr-scanner-container{padding:0;margin:0}.qr-input{font-size:1rem;padding:12px 15px}.scan-button{padding:12px}.history-header{flex-direction:column;align-items:flex-start;grid-gap:12px;gap:12px}.scanner-tips ul{padding-left:18px}.scanner-tips li{font-size:.9rem}.scan-history,.scanner-tips{padding:15px}.input-icon{padding:12px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.history-item{animation:slideInFromRight .3s ease-out}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tiket-masalah-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.tiket-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.page-header h1 i{color:#e74c3c}.tiket-masalah-container .alert{padding:15px 20px;margin-bottom:25px;border-radius:8px;display:flex;align-items:center;font-weight:500;animation:slideIn .3s ease-out}.tiket-masalah-container .alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.tiket-masalah-container .alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.tiket-masalah-container .alert i{margin-right:10px;font-size:1.2rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-scanner-section{margin-bottom:30px;position:relative}.scanner-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.scanner-header{padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.scanner-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600;display:flex;align-items:center;grid-gap:12px;gap:12px}.scanner-header h3 i{color:#007bff;font-size:18px}.scanner-body{padding:30px;background:#fff}.data-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden;margin-bottom:30px}.table-header{justify-content:space-between;padding:15px 20px;background-color:#f8f9fa}.table-header,.table-title{display:flex;align-items:center}.table-title{font-size:18px;font-weight:600;color:#2c3e50;margin:0;grid-gap:8px;gap:8px}.table-title i{color:#007bff}.pagination-buttons button{background:#fff;border:1px solid #ced4da;color:#6c757d;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pagination-buttons button:hover:not(:disabled){background-color:#f1f3f5;border-color:#adb5bd}.pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.pagination-buttons .page-input{width:60px;text-align:center;padding:5px;border-radius:4px;border:1px solid #ced4da}.pagination-buttons .page-info{font-size:14px;color:#6c757d;margin:0 5px}.loading-overlay{top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.95);border-radius:16px;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-spinner{text-align:center;color:#007bff;padding:30px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid #e9ecef}.loading-spinner i{margin-bottom:15px;font-size:2.5rem;animation:spin 1s linear infinite}.loading-spinner p{margin:0;font-weight:600;font-size:1.2rem;color:#495057}.tiket-masalah-list-section{margin-top:30px}.tiket-masalah-container .badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tiket-masalah-container .badge-warning{background-color:#f39c12;color:#fff}.tiket-masalah-container .badge-info{background-color:#3498db;color:#fff}.tiket-masalah-container .badge-primary{background-color:#9b59b6;color:#fff}.tiket-masalah-container .badge-success{background-color:#27ae60;color:#fff}.tiket-masalah-container .badge-secondary{background-color:#95a5a6;color:#fff}.tiket-masalah-container .ml-2{margin-left:8px}.table-responsive{box-shadow:0 2px 4px rgba(0,0,0,.1)}.table thead th{background-color:#f8f9fa;border:solid #dee2e6;border-width:1px 1px 2px;padding:15px 12px;font-size:.85rem}.table tbody td{padding:15px 12px;border-top:1px solid #e9ecef}.table tbody tr:hover{transform:scale(1.01);transition:all .2s ease}.table tbody tr:hover td{border-color:#dee2e6}code{background-color:#f8f9fa;color:#e83e8c;padding:4px 8px;border-radius:4px;font-family:"Courier New",monospace;font-size:.9rem}.tiket-masalah-container .text-center{text-align:center}.tiket-masalah-container .py-4{padding:2rem 0}.tiket-masalah-container .text-muted{color:#6c757d!important}.tiket-masalah-container .fa-2x{font-size:2rem}.tiket-masalah-container .fa-3x{font-size:3rem}.tiket-masalah-container .fa-spin{animation:fa-spin 1s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tiket-masalah-container .btn{padding:12px 25px;border-radius:8px;font-weight:600;text-transform:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tiket-masalah-container .btn i{margin-right:8px}.tiket-masalah-container .btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.tiket-masalah-container .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.3)}.tiket-masalah-container .btn-primary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.tiket-masalah-container .btn-secondary{background:#6c757d;color:#fff;border:1px solid #6c757d}.tiket-masalah-container .btn-secondary:hover:not(:disabled){background:#545b62;border-color:#545b62;transform:translateY(-1px)}.tiket-masalah-container .btn-secondary:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.tiket-masalah-container .btn-lg{padding:15px 30px;font-size:1.1rem;width:100%}.tiket-masalah-container .btn-outline-primary{background:transparent;color:#3498db;border:2px solid #3498db}.tiket-masalah-container .btn-outline-primary:hover{background:#3498db;color:#fff;transform:translateY(-1px)}.tiket-masalah-container .btn-outline-warning{background:transparent;color:#f39c12;border:2px solid #f39c12}.tiket-masalah-container .btn-outline-warning:hover{background:#f39c12;color:#fff;transform:translateY(-1px)}.tiket-masalah-container .btn-sm{padding:8px 15px;font-size:.9rem}@media (max-width:768px){.tiket-masalah-container{padding:15px}.page-header h1{font-size:24px}.scanner-body{padding:20px}.table-responsive{font-size:.9rem}.table tbody td,.table thead th{padding:10px 8px}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}}@media (max-width:480px){.page-header h1{font-size:20px}.scanner-header h3{font-size:16px}.table tbody td,.table thead th{padding:8px 6px;font-size:.8rem}.badge{font-size:.7rem;padding:4px 8px}.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-buttons{display:flex;grid-gap:8px;gap:8px;justify-content:center}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}}.image-fullscreen-modal .modal-dialog{max-width:95vw;max-height:95vh;margin:2.5vh auto}.image-fullscreen-modal .modal-content{background:#fff;border:2px solid #dee2e6;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.image-modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000}.image-modal-header .btn-close{filter:none;opacity:1;background:none;border:none;font-size:1.5rem;font-weight:700;line-height:1;color:#6c757d;text-shadow:none;padding:.25rem;margin:-.25rem -.25rem -.25rem auto;width:auto;height:auto;display:block}.image-modal-header .btn-close:hover{opacity:1;color:#495057;text-decoration:none}.image-modal-header .btn-close:focus{box-shadow:0 0 0 .25rem rgba(0,123,255,.25);outline:0}.image-modal-title{color:#2c3e50;font-weight:600;font-size:16px;margin:0;display:flex;align-items:center;text-shadow:none}.image-modal-title i{color:#007bff}.image-modal-actions{display:flex;grid-gap:15px;gap:15px;align-items:center}.zoom-info{display:flex;align-items:center;background:#e9ecef;padding:6px 10px;border-radius:6px;border:1px solid #dee2e6}.zoom-level{color:#495057;font-weight:700;font-size:12px;min-width:40px;text-align:center;text-shadow:none}.download-btn{background:#28a745;border:2px solid #28a745;font-weight:500;transition:all .3s ease;color:#fff}.download-btn:hover{background:#218838;border-color:#218838;transform:translateY(-1px);box-shadow:0 4px 8px rgba(40,167,69,.3);color:#fff}.download-btn:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5);color:#fff}.image-modal-body{padding:0;background:#fff;min-height:60vh;max-height:70vh}.image-container,.image-modal-body{display:flex;align-items:center;justify-content:center;overflow:hidden}.image-container{position:relative;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.fullscreen-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;transition:transform .3s ease}.fullscreen-image:hover{transform:scale(1.02)}.image-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1000}.image-info{color:#6c757d}.image-info small{font-size:12px;color:#6c757d;font-weight:500;text-shadow:none}.image-info i{color:#007bff;margin-right:4px}.image-controls{display:flex;grid-gap:10px;gap:10px;align-items:center}.close-btn{background:#6c757d;border:2px solid #6c757d;font-weight:500;transition:all .3s ease;color:#fff}.close-btn:hover{background:#5a6268;border-color:#5a6268;transform:translateY(-1px);box-shadow:0 4px 8px rgba(108,117,125,.3);color:#fff}.close-btn:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5);color:#fff}.image-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #333;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s ease}.image-container.loading:before{opacity:1}@media (max-width:768px){.image-fullscreen-modal .modal-dialog{max-width:98vw;max-height:98vh;margin:1vh auto}.image-modal-header{padding:10px 15px}.image-modal-title{font-size:14px}.close-btn,.download-btn{font-size:12px;padding:5px 10px}.image-modal-footer{padding:10px 15px}.image-info small{font-size:11px}.zoom-controls{bottom:15px;right:15px;grid-gap:6px;gap:6px}.zoom-btn{width:32px;height:32px;font-size:12px}.zoom-info{padding:3px 6px}.zoom-level{font-size:11px;min-width:35px}}@media (max-width:480px){.image-modal-header{flex-direction:column;grid-gap:10px;gap:10px;align-items:flex-start}.image-modal-actions{width:100%;justify-content:flex-end}.image-modal-footer{flex-direction:column;grid-gap:10px;gap:10px;align-items:center}.image-info{text-align:center}.zoom-controls{bottom:10px;right:10px;grid-gap:4px;gap:4px}.zoom-btn{width:28px;height:28px;font-size:10px}.image-info small{font-size:10px;line-height:1.2}}.image-fullscreen-modal .modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.zoom-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;grid-gap:8px;gap:8px;z-index:10}.zoom-btn{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.95);border:2px solid #000;color:#000;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 0 2px hsla(0,0%,100%,.8)}.zoom-btn:hover:not(:disabled){background:hsla(0,0%,100%,.98);transform:scale(1.1);border-color:#000;box-shadow:0 6px 20px rgba(0,0,0,.4);color:#000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-shadow:0 0 3px hsla(0,0%,100%,.9)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:hsla(0,0%,100%,.7);border-color:#000;color:#000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 0 2px hsla(0,0%,100%,.6)}.zoom-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(0,123,255,.5)}.monitoring-data{padding:20px;background-color:#f8f9fa;min-height:100vh}.page-header{justify-content:space-between;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.page-header,.page-header h1{display:flex;align-items:center}.page-header h1{margin:0;color:#2c3e50;font-size:28px;font-weight:600;grid-gap:12px;gap:12px}.page-header h1 i{color:#007bff;font-size:24px}.header-actions{grid-gap:12px;gap:12px}.monitoring-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;min-width:150px}.search-group{min-width:300px;flex:1 1;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-input{padding-right:40px;font-size:14px}.search-input:focus{box-shadow:0 0 0 2px rgba(0,123,255,.25)}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.clear-search-btn:hover{background:#f8f9fa;color:#dc3545;transform:translateY(-50%) scale(1.1)}.clear-search-btn i{font-size:12px}.filter-group label{font-weight:600;color:#495057;margin-bottom:8px;font-size:14px}.filter-group input,.filter-group select{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .3s ease;background:#fff}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.alert{border-radius:4px;border:1px solid transparent;display:flex;align-items:center;grid-gap:8px;gap:8px}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert i{font-size:16px}.summary-card{transition:transform .2s ease,box-shadow .2s ease}.card-icon{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;background:linear-gradient(135deg,#007bff,#0056b3)}.card-content h3{margin:0 0 8px;font-size:14px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.card-value{margin:0;font-size:24px;font-weight:700;color:#2c3e50}.transactions-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;overflow:hidden}.table-header{padding:20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.table-header h2{margin:0 0 8px;color:#2c3e50;font-size:20px;font-weight:600}.table-info{color:#6c757d;font-size:14px;grid-gap:10px;gap:10px;flex-wrap:wrap}.table-hint,.table-info{display:flex;align-items:center}.table-hint{grid-gap:5px;gap:5px;background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;border:1px solid #bbdefb;font-size:12px;font-weight:500;margin-top:5px}.table-hint i{color:#1976d2;font-size:11px}.search-info{grid-gap:10px;gap:10px;background:#e8f5e8;color:#2e7d32;padding:8px 12px;border-radius:6px;border:1px solid #c8e6c9;font-size:14px;font-weight:500;flex-wrap:wrap}.search-info i{color:#4caf50;font-size:14px}.search-info strong{color:#1b5e20;font-weight:600}.search-results{color:#2e7d32;font-size:13px;font-weight:500}.btn-clear-search{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;grid-gap:4px;gap:4px}.btn-clear-search:hover{background:#c82333;transform:translateY(-1px)}.btn-clear-search i{font-size:10px}.page-info{color:#007bff;font-weight:500}.table{margin:0;border-collapse:collapse;background:#fff}.table thead th{background:#f8f9fa;color:#495057;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;text-align:center;vertical-align:middle}.table tbody td{padding:12px 8px;border:1px solid #dee2e6;background:#fff}.table tbody tr:nth-child(2n){background-color:#f8f9fa}.table tbody tr:hover{background-color:#e3f2fd}.clickable-row{cursor:pointer;transition:all .2s ease;position:relative}.clickable-row:hover{background-color:#e3f2fd!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,123,255,.15)}.clickable-row:hover:after{content:"Double click untuk detail";position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:1000;pointer-events:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.clickable-row{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.vehicle-type{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicle-type.motor{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.vehicle-type.mobil{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-paid{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.status-unpaid{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.status-completed{background-color:#d1ecf1;color:#0c5460;border-color:#bee5eb}.status-ongoing{background-color:#fff3cd;color:#856404;border-color:#ffeaa7}.status-member{background-color:#e2e3e5;color:#383d41;border-color:#d6d8db}.status-default,.status-non-member{background-color:#f8f9fa;color:#6c757d;border-color:#dee2e6}.jump-input{margin:0 8px}.btn{padding:10px 20px;border-radius:4px;font-size:14px;transition:all .3s ease;grid-gap:8px;gap:8px}.btn-primary{border:1px solid #007bff}.btn-primary:hover{border-color:#0056b3}.btn-secondary{border:1px solid #6c757d}.btn-secondary:hover{border-color:#545b62}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner-border-sm{width:1rem;height:1rem}.detail-modal .modal-dialog{max-width:900px}.detail-modal .modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.modal-header-content{display:flex;justify-content:space-between;align-items:center;width:100%;grid-gap:20px;gap:20px}.modal-navigation{grid-gap:15px;gap:15px}.modal-navigation,.nav-info{display:flex;align-items:center}.nav-counter{background:#007bff;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.nav-buttons{display:flex;grid-gap:5px;gap:5px}.nav-buttons .btn{padding:6px 10px;border-radius:4px;font-size:12px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.nav-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.nav-buttons .btn:not(:disabled):hover{background-color:#007bff;border-color:#007bff;color:#fff;transform:translateY(-1px)}.detail-modal .modal-title{color:#2c3e50;font-weight:600;font-size:18px}.detail-modal .modal-body{padding:0;max-height:70vh;overflow-y:auto}.detail-content{padding:20px}.detail-section{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.05)}.detail-section h5{color:#2c3e50;font-weight:600;font-size:16px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #007bff;display:flex;align-items:center}.detail-section h5 i{color:#007bff;margin-right:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:15px;gap:15px}.detail-item{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.detail-item label{font-weight:600;color:#6c757d;font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin:0}.detail-item span{color:#2c3e50;font-size:14px;font-weight:500}.detail-item .amount{color:#28a745;font-weight:700;font-size:16px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:15px}.photo-item h6{color:#495057;font-weight:600;font-size:14px;margin-bottom:10px;text-align:center}.photo-container{position:relative;border-radius:8px;overflow:hidden;border:2px solid #e9ecef;background:#f8f9fa;min-height:200px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.photo-container:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,123,255,.15)}.vehicle-photo{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.vehicle-photo:hover{transform:scale(1.05)}.clickable-image{cursor:pointer}.clickable-image:hover{transform:scale(1.05)}.photo-overlay{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;grid-gap:5px;gap:5px}.photo-overlay i{font-size:14px}.photo-actions{position:absolute;bottom:10px;left:10px;display:flex;grid-gap:8px;gap:8px;opacity:0;transition:all .3s ease;transform:translateY(10px)}.photo-container:hover .photo-actions{opacity:1;transform:translateY(0)}.download-photo-btn,.fullscreen-photo-btn{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease}.download-photo-btn{background:#28a745;color:#fff}.download-photo-btn:hover{background:#218838;transform:scale(1.1);box-shadow:0 4px 12px rgba(40,167,69,.4)}.fullscreen-photo-btn{background:#17a2b8;color:#fff}.fullscreen-photo-btn:hover{background:#138496;transform:scale(1.1);box-shadow:0 4px 12px rgba(23,162,184,.4)}.download-photo-btn:focus,.fullscreen-photo-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.25)}.download-photo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-photo-btn:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.photo-actions{opacity:1;transform:translateY(0);bottom:5px;left:5px}.download-photo-btn,.fullscreen-photo-btn{width:28px;height:28px;font-size:11px}}@media (max-width:480px){.photo-actions{grid-gap:6px;gap:6px}.download-photo-btn,.fullscreen-photo-btn{width:26px;height:26px;font-size:10px}}.detail-modal .modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.modal-footer-content{justify-content:space-between;width:100%}.keyboard-shortcuts,.keyboard-shortcuts small,.modal-footer-content{display:flex;align-items:center}.keyboard-shortcuts small{font-size:11px;color:#6c757d;grid-gap:5px;gap:5px}.keyboard-shortcuts i{color:#007bff}.btn-outline-primary{border-color:#007bff;font-size:12px;padding:6px 12px;border-radius:4px;transition:all .3s ease}.btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;transform:translateY(-1px)}.btn-outline-primary i{margin-right:4px}@media (max-width:768px){.monitoring-data{padding:10px}.page-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.header-actions{justify-content:center}.monitoring-filters{flex-direction:column;align-items:stretch}.filter-group,.search-group{min-width:auto}.search-group{max-width:none}.search-input{font-size:13px}.summary-cards{grid-template-columns:1fr}.pagination-controls{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px;padding:15px}.pagination-left{justify-content:space-between;grid-gap:15px;gap:15px}.pagination-right{justify-content:center;grid-gap:10px;gap:10px}.pagination-info{font-size:13px}.jump-input{width:100px}.table-responsive{font-size:12px}.table tbody td,.table thead th{padding:8px 4px}}@media (max-width:480px){.page-header h1{font-size:24px}.summary-card{padding:15px}.card-value{font-size:20px}.pagination-controls{padding:12px;grid-gap:12px;gap:12px}.pagination-left{flex-direction:column;align-items:flex-start;grid-gap:10px;gap:10px}.pagination-right{flex-direction:column;grid-gap:8px;gap:8px}.pagination-info{font-size:12px}.pagination-page-info{font-size:12px;text-align:center}.jump-input{width:80px}.table tbody td,.table thead th{padding:6px 2px;font-size:11px}.table-info{flex-direction:column;align-items:flex-start;grid-gap:5px;gap:5px}.table-hint{font-size:11px;padding:3px 6px}.search-info{font-size:12px;padding:6px 10px;flex-direction:column;align-items:flex-start;grid-gap:5px;gap:5px}.search-info strong{font-size:13px}.search-results{font-size:11px}.btn-clear-search{font-size:10px;padding:3px 6px}.detail-modal .modal-dialog{max-width:95%;margin:10px auto}.modal-header-content{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.modal-navigation{justify-content:space-between;flex-wrap:wrap;grid-gap:10px;gap:10px}.nav-buttons{flex-wrap:wrap;justify-content:center}.nav-counter{font-size:11px;padding:4px 8px}.nav-buttons .btn{min-width:28px;height:28px;font-size:11px;padding:4px 6px}.detail-content{padding:15px}.detail-section{padding:15px;margin-bottom:20px}.detail-grid{grid-template-columns:1fr;grid-gap:10px;gap:10px}.photo-grid{grid-template-columns:1fr;grid-gap:15px;gap:15px}.photo-container{min-height:150px}.vehicle-photo{height:150px}.modal-footer-content{flex-direction:column;grid-gap:10px;gap:10px;align-items:stretch}.keyboard-shortcuts{justify-content:center}.keyboard-shortcuts small{font-size:10px;text-align:center}.clickable-row:hover:after{display:none}.clickable-row:hover{transform:none}}.customer-upload-container{padding:20px}.header-title h1{margin:0;font-size:24px;font-weight:600;color:#333}.header-title h1 i{margin-right:10px;color:#007bff}@media (max-width:768px){.table-responsive:before{content:"← Geser untuk melihat lebih banyak kolom →";display:block;text-align:center;padding:8px;background:#e7f3ff;color:#06c;font-size:12px;border-bottom:1px solid #dee2e6;position:-webkit-sticky;position:sticky;top:0;z-index:10}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#555}.table{min-width:1200px;width:100%}.customer-upload-container .table th,.customer-upload-container .table thead th,.customer-upload-container table th,.customer-upload-container table thead th,.table th{background-color:#f8f9fa!important;color:#495057!important;border:solid #dee2e6!important;border-width:1px 1px 2px!important;white-space:nowrap;font-weight:600;text-align:center;position:-webkit-sticky;position:sticky;top:0;z-index:5}@media (max-width:768px){.customer-upload-container .table td:first-child,.customer-upload-container .table th:first-child{position:-webkit-sticky;position:sticky;left:0;background-color:#f8f9fa;z-index:6;box-shadow:2px 0 4px rgba(0,0,0,.1)}.customer-upload-container .table td:first-child{background-color:#fff}.customer-upload-container .table tr:nth-child(2n) td:first-child{background-color:#f8f9fa}}@media (max-width:1400px){.table{min-width:1000px}.customer-upload-container .table td,.customer-upload-container .table th{font-size:11px!important;padding:8px 6px!important}}@media (max-width:1200px){.table{min-width:900px}.customer-upload-container .table td,.customer-upload-container .table th{font-size:10px!important;padding:6px 4px!important}}@media (max-width:992px){.table{min-width:800px}.customer-upload-container .table td:nth-child(9),.customer-upload-container .table td:nth-child(10),.customer-upload-container .table th:nth-child(9),.customer-upload-container .table th:nth-child(10){display:none}}@media (max-width:768px){.customer-upload-container{padding:10px}.header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.header-title h1{font-size:20px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;margin-bottom:20px}.summary-card{padding:15px;grid-gap:10px;gap:10px}.summary-icon{font-size:24px;width:50px;height:50px}.summary-label{font-size:12px}.summary-value{font-size:20px}.pelanggan-filters{flex-direction:column;grid-gap:15px;gap:15px}.pelanggan-filters .filter-group,.pelanggan-filters .search-group{min-width:100%;max-width:100%}.table{min-width:700px}.customer-upload-container .table td:nth-child(4),.customer-upload-container .table td:nth-child(6),.customer-upload-container .table td:nth-child(7),.customer-upload-container .table td:nth-child(8),.customer-upload-container .table td:nth-child(9),.customer-upload-container .table td:nth-child(10),.customer-upload-container .table td:nth-child(11),.customer-upload-container .table th:nth-child(4),.customer-upload-container .table th:nth-child(6),.customer-upload-container .table th:nth-child(7),.customer-upload-container .table th:nth-child(8),.customer-upload-container .table th:nth-child(9),.customer-upload-container .table th:nth-child(10),.customer-upload-container .table th:nth-child(11){display:none}.pagination-controls{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.pagination-left,.pagination-right{width:100%;justify-content:space-between}}@media (max-width:576px){.table{min-width:600px}.customer-upload-container .table td,.customer-upload-container .table th{font-size:9px!important;padding:4px 3px!important}.pagination-info,.pagination-page-info{font-size:12px}}.customer-upload-manage-container{padding:20px}.header-title h2{font-size:24px;color:#333}.header-title h2 i{margin-right:10px;color:#007bff}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-icon.text-danger{background:rgba(220,53,69,.1)}.summary-icon.text-secondary{background:rgba(108,117,125,.1)}.pelanggan-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.pelanggan-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.pelanggan-filters .search-group{min-width:300px;flex:1 1;max-width:400px}.pelanggan-filters .search-input-container{position:relative;display:flex;align-items:center}.pelanggan-filters .search-input{padding-right:40px;font-size:14px}.pelanggan-filters .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.pelanggan-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.pelanggan-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.pelanggan-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.pelanggan-filters .filter-group input,.pelanggan-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.pelanggan-filters .filter-group input:focus,.pelanggan-filters .filter-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.loading-overlay{background:hsla(0,0%,100%,.9)}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff}.refresh-icon{display:inline-block}.refresh-icon.refreshing{animation:spin 1s linear infinite}.loading-text{margin-top:20px;color:#495057;font-weight:500}.pagination-controls{justify-content:space-between;padding:20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap;grid-gap:20px;gap:20px}.pagination-left{grid-gap:20px;gap:20px}.pagination-left,.pagination-right{display:flex;align-items:center;flex-wrap:wrap}.pagination-right{grid-gap:15px;gap:15px}.pagination-info,.pagination-size-selector span{font-size:14px;white-space:nowrap}.pagination-size-selector span{color:#6c757d}.pagination-size-selector select{width:70px;padding:6px 8px;background:#fff;font-size:14px}.pagination-jump{display:flex;align-items:center}.jump-input{width:120px;padding:6px 8px;font-size:14px;text-align:center}.pagination-page-info{font-size:14px;white-space:nowrap}.table-responsive{border:1px solid #dee2e6}.customer-upload-manage-container .table th,.customer-upload-manage-container .table thead th,.customer-upload-manage-container table th,.customer-upload-manage-container table thead th,.table th{background-color:#f8f9fa!important;color:#495057!important;border:solid #dee2e6!important;border-width:1px 1px 2px!important;white-space:nowrap;font-weight:600;text-align:center}.empty-icon{font-size:64px;opacity:.5}.empty-text{font-size:16px;color:#495057}.empty-state .btn{margin-top:10px}.btn-group-vertical{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.btn-group-vertical .btn{width:100%;margin-bottom:5px}.modal-header .btn-close{background:none!important;background-image:none!important;border:none!important;font-size:1rem;cursor:pointer;color:#6c757d;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;line-height:1;opacity:.6;position:relative;margin:0}.modal-header .btn-close:before{content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1rem;line-height:1;display:block}.modal-header .btn-close:hover{background-color:#e9ecef!important;color:#343a40;opacity:1}.modal-header .btn-close:focus{outline:2px solid #0d6efd;outline-offset:2px;opacity:1;box-shadow:none}.customer-upload-mapping-container{padding:20px;background-color:#f8f9fa;min-height:100vh}.header-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-section h2{margin:0;font-size:24px;font-weight:600;color:#333}.header-section code{background-color:#f1f3f5;padding:2px 6px;border-radius:3px;font-size:.9em}.card{border:none;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.card-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600;padding:15px}.card-body{padding:20px}.table-responsive{border-radius:4px}.table thead th{background-color:#f8f9fa!important;font-weight:600;border:1px solid #dee2e6;white-space:nowrap}.table tbody td{vertical-align:middle;font-size:13px}.table tbody td code{background-color:#f1f3f5;padding:2px 6px;border-radius:3px;font-size:.85em;word-break:break-word}.table-success,.table-success td{background-color:#d1e7dd!important}.form-select{font-size:13px}.text-muted.small{font-size:11px;display:block;margin-top:4px}.alert .btn-close{background:none!important;background-image:none!important;border:none!important;font-size:1rem;cursor:pointer;color:inherit!important;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;line-height:1;opacity:.6;position:relative;margin:0;box-shadow:none!important}.alert .btn-close:before{content:"\f00d";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1rem;line-height:1;display:block}.alert .btn-close:hover{background-color:rgba(0,0,0,.1)!important;opacity:1}.alert .btn-close:focus{outline:2px solid currentColor;outline-offset:2px;opacity:1;box-shadow:none!important}.alert-danger .btn-close{color:#842029!important}.alert-danger .btn-close:hover{background-color:rgba(132,32,41,.1)!important}.alert-success .btn-close{color:#0f5132!important}.alert-success .btn-close:hover{background-color:rgba(15,81,50,.1)!important}.payment-transaction-container{padding:20px}.header{justify-content:space-between;margin-bottom:20px}.header,.header-title{display:flex;align-items:center}.header-title{grid-gap:20px;gap:20px}.header-title h2{margin:0;color:#343a40;font-weight:600}.header-actions{display:flex;grid-gap:10px;gap:10px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.summary-card{display:flex;align-items:center;grid-gap:15px;gap:15px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.summary-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,123,255,.1)}.summary-icon.text-success{background:rgba(40,167,69,.1)}.summary-icon.text-info{background:rgba(23,162,184,.1)}.summary-icon.text-warning{background:rgba(255,193,7,.1)}.summary-content{flex:1 1}.summary-label{font-size:14px;color:#6c757d;margin-bottom:5px;font-weight:500}.summary-value{font-size:24px;font-weight:700;margin:0}.payment-transaction-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.payment-transaction-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.payment-transaction-filters .search-group{min-width:300px;flex:1 1;max-width:500px}.payment-transaction-filters .search-input-container{position:relative;display:flex;align-items:center}.payment-transaction-filters .search-input{padding-right:40px;font-size:14px}.payment-transaction-filters .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.payment-transaction-filters .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.payment-transaction-filters .clear-search-btn:hover{background:#f8f9fa;color:#495057}.payment-transaction-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.payment-transaction-filters .filter-group input,.payment-transaction-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.payment-transaction-filters .filter-group input:focus,.payment-transaction-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.payment-transaction-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.payment-transaction-filters .btn-primary{background-color:#007bff;border-color:#007bff}.payment-transaction-filters .btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.payment-transaction-filters .btn-secondary{background-color:#6c757d;border-color:#6c757d}.payment-transaction-filters .btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.payment-transaction-filters .refresh-icon{display:inline-block}.payment-transaction-filters .refresh-icon.refreshing{animation:spin 1s linear infinite}.empty-icon,.empty-text{margin-bottom:20px}.table-responsive{margin-top:20px;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-overflow-scrolling:touch;position:relative}.table{margin-bottom:0}.table th{background-color:#343a40;color:#fff;border-bottom:2px solid #dee2e6;white-space:nowrap;font-weight:600;padding:12px}.table td{vertical-align:middle;padding:12px}.table tbody tr:hover{background-color:#f8f9fa}.card-number-link{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s}.card-number-link:hover{color:#0056b3;text-decoration:underline}.payment-transaction-modal .modal-content{border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);border:none}.payment-transaction-modal .modal-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;padding:15px 20px}.payment-transaction-modal .modal-title{font-weight:600;color:#343a40}.payment-transaction-modal .modal-body{padding:20px}.payment-import-modal .upload-card{border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,.08)}.payment-import-modal .upload-card .card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.recon-summary{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap}.recon-summary-item{flex:1 1;min-width:160px;padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.recon-summary-item.found{background:#e7f7ed;color:#1f7a3b}.recon-summary-item.jackpot{background:#e6f2ff;color:#0b5ed7}.recon-summary-item.not-found{background:#fdecea;color:#a61d24}.recon-table .table{margin-bottom:0}.recon-row.recon-found{background-color:#f0fbf4}.recon-row.recon-jackpot{background-color:#f0f7ff}.recon-row.recon-not_found{background-color:#fff1f0}.transaction-detail{font-size:14px}.transaction-detail strong{color:#333;font-weight:600}.transaction-detail .row{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.transaction-detail .row:last-child{border-bottom:none}.text-success.fw-bold{color:#28a745!important}.text-info.fw-bold{color:#17a2b8!important}.text-primary{color:#007bff!important}.text-secondary{color:#6c757d!important}@media (max-width:768px){.header{grid-gap:15px;gap:15px}.header,.header-title{flex-direction:column;align-items:stretch}.summary-cards{grid-template-columns:1fr}.payment-transaction-filters{flex-direction:column}.payment-transaction-filters .filter-group{width:100%}.pagination-controls{flex-direction:column;grid-gap:15px;gap:15px}.pagination-buttons{justify-content:center}.table-responsive{margin-top:10px;overflow-x:auto}}.scoring-template-list{padding:20px}.scoring-template-list .card{box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.scoring-template-list .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.scoring-template-list .badge{font-size:.875rem;padding:.5em .75em}.template-card{border:1px solid #e9ecef;border-radius:10px}.template-header{display:flex;justify-content:space-between;align-items:flex-start;grid-gap:12px;gap:12px;margin-bottom:12px}.template-title{margin:0 0 4px;font-weight:600;color:#343a40}.template-icon{font-size:28px}.template-meta{display:flex;grid-gap:8px;gap:8px;align-items:center;flex-wrap:wrap}.template-description{color:#6c757d;font-size:14px;min-height:44px;margin-bottom:12px}.template-info{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:#495057;margin-bottom:16px}.template-info .label{font-weight:600;margin-right:6px}.template-actions{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap}.template-detail-modal .modal-content{border-radius:10px}.template-detail{font-size:14px}.template-detail .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.template-detail .detail-description{color:#6c757d;margin-bottom:16px}.template-detail .detail-meta{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.template-detail .detail-meta .label{font-weight:600;margin-right:6px}.template-detail .detail-section{border-top:1px solid #e9ecef;padding-top:12px;margin-top:12px}.template-detail .detail-stats{color:#495057;margin-bottom:8px}.template-detail .detail-list{padding-left:18px;margin-bottom:0}.scoring-wizard{padding:20px}.scoring-wizard .card{margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s,box-shadow .2s}.scoring-wizard .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.scoring-wizard .card-header{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.scoring-wizard .form-group{margin-bottom:1rem}.scoring-wizard .criteria-card,.scoring-wizard .threshold-card{border:1px solid #dee2e6;border-radius:.375rem;padding:1rem;margin-bottom:1rem;background-color:#f8f9fa}.scoring-wizard .progress-bar{margin-bottom:1rem}.customer-score-view{padding:20px}.customer-score-view .card{box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;transition:transform .2s,box-shadow .2s}.customer-score-view .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.customer-score-view .statistics-card{text-align:center;padding:1.5rem}.customer-score-view .statistics-card h3{margin:.5rem 0;font-size:2rem;font-weight:700}.customer-score-view .statistics-card h5{color:#6c757d;margin-bottom:.5rem}.customer-score-view table{margin-top:1rem}.customer-score-view .badge{font-size:.875rem;padding:.5em .75em}.scoring-batch-list{padding:20px}.scoring-batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scoring-batch-header .header-title{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.scoring-batch-header .header-title h2{margin:0;color:#343a40;font-weight:600}.scoring-batch-header .header-actions{display:flex;grid-gap:10px;gap:10px}.scoring-batch-list .card{transition:transform .2s,box-shadow .2s}.scoring-batch-list .card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.scoring-batch-list .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.scoring-batch-list .summary-card{display:flex;align-items:center;grid-gap:15px;gap:15px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.scoring-batch-list .summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.scoring-batch-list .summary-icon{font-size:30px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,123,255,.1)}.scoring-batch-list .summary-icon.text-success{background:rgba(40,167,69,.1)}.scoring-batch-list .summary-icon.text-info{background:rgba(23,162,184,.1)}.scoring-batch-list .summary-icon.text-warning{background:rgba(255,193,7,.12)}.scoring-batch-list .summary-content{flex:1 1}.scoring-batch-list .summary-label{font-size:14px;color:#6c757d;margin-bottom:5px;font-weight:500}.scoring-batch-list .summary-value{font-size:24px;font-weight:700;margin:0}.scoring-batch-list .scoring-batch-filters{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;align-items:end;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #e9ecef}.scoring-batch-list .scoring-batch-filters .filter-group{display:flex;flex-direction:column;min-width:150px}.scoring-batch-list .scoring-batch-filters .search-group{min-width:300px;flex:1 1;max-width:500px}.scoring-batch-list .search-input-container{position:relative;display:flex;align-items:center}.scoring-batch-list .search-input{padding-right:40px;font-size:14px}.scoring-batch-list .search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.scoring-batch-list .clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;cursor:pointer;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.scoring-batch-list .clear-search-btn:hover{background:#f8f9fa;color:#495057}.scoring-batch-list .scoring-batch-filters .filter-group label{font-weight:500;margin-bottom:5px;color:#495057;font-size:14px}.scoring-batch-list .scoring-batch-filters .filter-group input,.scoring-batch-list .scoring-batch-filters .filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease}.scoring-batch-list .scoring-batch-filters .filter-group input:focus,.scoring-batch-list .scoring-batch-filters .filter-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25);outline:none}.scoring-batch-list .scoring-batch-filters .btn{padding:8px 16px;font-size:14px;border-radius:4px;transition:all .2s ease}.scoring-batch-list .refresh-icon.refreshing{animation:spin 1s linear infinite}.scoring-batch-list .table-responsive{margin-top:20px;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-overflow-scrolling:touch;position:relative}.scoring-batch-list .table{margin-bottom:0;font-size:.9rem}.scoring-batch-list .table th{background-color:#343a40;color:#fff;border-bottom:2px solid #dee2e6;white-space:nowrap;font-weight:600;padding:12px}.scoring-batch-list .table td{vertical-align:middle;padding:12px}.scoring-batch-list .table tbody tr:hover{background-color:#f8f9fa}.scoring-batch-list .table code{background-color:#f8f9fa;padding:2px 6px;border-radius:3px;font-size:.85rem}.scoring-batch-list .table small{font-size:.8rem}.scoring-batch-list .progress-sm{height:6px;background-color:#e9ecef;border-radius:4px}.scoring-batch-list .progress-sm .progress-bar{background-color:#0d6efd}.table-wrapper{position:relative}.loading-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:10px;font-size:16px;color:#666}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{padding:40px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:18px;color:#666;margin-bottom:16px}.pagination-controls{margin-top:20px;padding:10px;background:#f8f9fa;border-radius:4px}.pagination-size-selector{display:flex;align-items:center;grid-gap:8px;gap:8px}.pagination-size-selector select{padding:4px 8px;border:1px solid #ced4da;border-radius:4px}.pagination-buttons{display:flex;align-items:center;grid-gap:10px;gap:10px}.pagination-jump{margin:0 10px}.jump-input{width:80px;padding:4px 8px;border:1px solid #ced4da;border-radius:4px}.pagination-page-info{margin:0 10px}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}@media (max-width:768px){.scoring-batch-header{flex-direction:column;align-items:stretch;grid-gap:15px;gap:15px}.scoring-batch-list .summary-cards{grid-template-columns:1fr}.scoring-batch-list .scoring-batch-filters{flex-direction:column}.scoring-batch-list .scoring-batch-filters .filter-group{width:100%}.pagination-controls{flex-direction:column;grid-gap:15px;gap:15px}.pagination-buttons{justify-content:center}}.batch-results-view{padding:20px}.batch-info{margin-top:10px;font-size:.9rem}.batch-info p{margin-bottom:5px}.master-bank-container{padding:20px;max-width:1200px;margin:0 auto}.master-bank-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.master-bank-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.bank-form{padding:24px;background-color:#fff;color:#2c3e50}.banks-content{margin-top:20px}.banks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.bank-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.bank-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.bank-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.bank-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.bank-details{margin-bottom:20px}.bank-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}@media (max-width:768px){.master-bank-container{padding:15px}.master-bank-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.master-bank-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.banks-grid,.form-row{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.master-bank-container .bank-form .form-group label,.master-bank-container .form-modal .form-group label{color:#2c3e50!important}.master-bank-container .bank-form input,.master-bank-container .bank-form select,.master-bank-container .bank-form textarea{outline:none;background-color:#fff;color:#2c3e50}.master-bank-container .bank-form input:focus,.master-bank-container .bank-form select:focus,.master-bank-container .bank-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.master-bank-container .bank-form input:-webkit-autofill,.master-bank-container .bank-form input:-webkit-autofill:active,.master-bank-container .bank-form input:-webkit-autofill:hover,.master-bank-container .bank-form select:-webkit-autofill,.master-bank-container .bank-form select:-webkit-autofill:active,.master-bank-container .bank-form select:-webkit-autofill:hover,.master-bank-container .bank-form textarea:-webkit-autofill,.master-bank-container .bank-form textarea:-webkit-autofill:active,.master-bank-container .bank-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#2c3e50!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit}.master-bank-container .bank-form input:-webkit-autofill:focus,.master-bank-container .bank-form select:-webkit-autofill:focus,.master-bank-container .bank-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important;caret-color:#2c3e50!important;background-clip:padding-box!important;border-radius:inherit}.master-bank-container .bank-form input:-moz-autofill,.master-bank-container .bank-form select:-moz-autofill,.master-bank-container .bank-form textarea:-moz-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;color:#2c3e50!important;caret-color:#2c3e50!important}.master-bank-container .bank-form input:-moz-autofill:focus,.master-bank-container .bank-form select:-moz-autofill:focus,.master-bank-container .bank-form textarea:-moz-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;-moz-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important}.master-bank-container .bank-form .form-group label,.master-bank-container .form-modal .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.master-bank-container .bank-form .form-group input:not([type=checkbox]),.master-bank-container .bank-form .form-group select,.master-bank-container .bank-form .form-group textarea,.master-bank-container .form-modal .form-group input:not([type=checkbox]),.master-bank-container .form-modal .form-group select,.master-bank-container .form-modal .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.master-bank-container .bank-form .form-group input[type=checkbox],.master-bank-container .form-modal .form-group input[type=checkbox],.master-bank-container .form-section .form-group input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0 8px 0 0!important;border:2px solid #ced4da!important;border-radius:4px!important;cursor:pointer!important;display:inline-block!important;appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background-color:#fff!important;accent-color:#007bff!important;flex-shrink:0!important;vertical-align:middle!important;position:relative!important;opacity:1!important;visibility:visible!important;z-index:1!important}.master-bank-container .bank-form .form-group input[type=checkbox]:checked,.master-bank-container .form-modal .form-group input[type=checkbox]:checked{background-color:#007bff!important;border-color:#007bff!important}.master-bank-container .bank-form .form-group input[type=checkbox]:hover,.master-bank-container .form-modal .form-group input[type=checkbox]:hover{border-color:#007bff!important}.master-bank-container .bank-form .form-group input[type=checkbox]:focus,.master-bank-container .form-modal .form-group input[type=checkbox]:focus{outline:2px solid rgba(0,123,255,.25)!important;outline-offset:2px!important;border-color:#007bff!important}.master-bank-container .bank-form .form-group input:focus,.master-bank-container .bank-form .form-group select:focus,.master-bank-container .bank-form .form-group textarea:focus,.master-bank-container .form-modal .form-group input:focus,.master-bank-container .form-modal .form-group select:focus,.master-bank-container .form-modal .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.master-bank-container .bank-form .form-group input:hover,.master-bank-container .bank-form .form-group select:hover,.master-bank-container .bank-form .form-group textarea:hover,.master-bank-container .form-modal .form-group input:hover,.master-bank-container .form-modal .form-group select:hover,.master-bank-container .form-modal .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.master-bank-container .bank-form .form-group select,.master-bank-container .form-modal .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.master-bank-container .bank-form .form-group label *,.master-bank-container .form-modal .form-group label *,.master-bank-container .form-section .form-group label,.master-bank-container .form-section h5{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.master-bank-container .bank-form .form-group input::placeholder,.master-bank-container .bank-form .form-group textarea::placeholder,.master-bank-container .form-modal .form-group input::placeholder,.master-bank-container .form-modal .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.master-handle-product-container{padding:20px;max-width:1200px;margin:0 auto}.master-handle-product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.master-handle-product-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.handle-product-form{padding:24px;background-color:#fff;color:#2c3e50}.handle-products-content{margin-top:20px}.handle-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.handle-product-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.handle-product-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.handle-product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.handle-product-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.handle-product-details{margin-bottom:20px}.handle-product-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}@media (max-width:768px){.master-handle-product-container{padding:15px}.master-handle-product-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.master-handle-product-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.form-row,.handle-products-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.master-handle-product-container .form-modal .form-group label,.master-handle-product-container .handle-product-form .form-group label{color:#2c3e50!important}.master-handle-product-container .handle-product-form input,.master-handle-product-container .handle-product-form select,.master-handle-product-container .handle-product-form textarea{outline:none;background-color:#fff;color:#2c3e50}.master-handle-product-container .handle-product-form input:focus,.master-handle-product-container .handle-product-form select:focus,.master-handle-product-container .handle-product-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.master-handle-product-container .handle-product-form input:-webkit-autofill,.master-handle-product-container .handle-product-form input:-webkit-autofill:active,.master-handle-product-container .handle-product-form input:-webkit-autofill:hover,.master-handle-product-container .handle-product-form select:-webkit-autofill,.master-handle-product-container .handle-product-form select:-webkit-autofill:active,.master-handle-product-container .handle-product-form select:-webkit-autofill:hover,.master-handle-product-container .handle-product-form textarea:-webkit-autofill,.master-handle-product-container .handle-product-form textarea:-webkit-autofill:active,.master-handle-product-container .handle-product-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#2c3e50!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit}.master-handle-product-container .handle-product-form input:-webkit-autofill:focus,.master-handle-product-container .handle-product-form select:-webkit-autofill:focus,.master-handle-product-container .handle-product-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important;caret-color:#2c3e50!important;background-clip:padding-box!important;border-radius:inherit}.master-handle-product-container .handle-product-form input:-moz-autofill,.master-handle-product-container .handle-product-form select:-moz-autofill,.master-handle-product-container .handle-product-form textarea:-moz-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;color:#2c3e50!important;caret-color:#2c3e50!important}.master-handle-product-container .handle-product-form input:-moz-autofill:focus,.master-handle-product-container .handle-product-form select:-moz-autofill:focus,.master-handle-product-container .handle-product-form textarea:-moz-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;-moz-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important}.master-handle-product-container .form-modal .form-group label,.master-handle-product-container .handle-product-form .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.master-handle-product-container .form-modal .form-group input:not([type=checkbox]),.master-handle-product-container .form-modal .form-group select,.master-handle-product-container .form-modal .form-group textarea,.master-handle-product-container .handle-product-form .form-group input:not([type=checkbox]),.master-handle-product-container .handle-product-form .form-group select,.master-handle-product-container .handle-product-form .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.master-handle-product-container .form-modal .form-group input[type=checkbox],.master-handle-product-container .form-section .form-group input[type=checkbox],.master-handle-product-container .handle-product-form .form-group input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0 8px 0 0!important;border:2px solid #ced4da!important;border-radius:4px!important;cursor:pointer!important;display:inline-block!important;appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background-color:#fff!important;accent-color:#007bff!important;flex-shrink:0!important;vertical-align:middle!important;position:relative!important;opacity:1!important;visibility:visible!important;z-index:1!important}.master-handle-product-container .form-modal .form-group input[type=checkbox]:checked,.master-handle-product-container .handle-product-form .form-group input[type=checkbox]:checked{background-color:#007bff!important;border-color:#007bff!important}.master-handle-product-container .form-modal .form-group input[type=checkbox]:hover,.master-handle-product-container .handle-product-form .form-group input[type=checkbox]:hover{border-color:#007bff!important}.master-handle-product-container .form-modal .form-group input[type=checkbox]:focus,.master-handle-product-container .handle-product-form .form-group input[type=checkbox]:focus{outline:2px solid rgba(0,123,255,.25)!important;outline-offset:2px!important;border-color:#007bff!important}.master-handle-product-container .form-modal .form-group input:not([type=checkbox]):focus,.master-handle-product-container .form-modal .form-group select:focus,.master-handle-product-container .form-modal .form-group textarea:focus,.master-handle-product-container .handle-product-form .form-group input:not([type=checkbox]):focus,.master-handle-product-container .handle-product-form .form-group select:focus,.master-handle-product-container .handle-product-form .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.master-handle-product-container .form-modal .form-group input:not([type=checkbox]):hover,.master-handle-product-container .form-modal .form-group select:hover,.master-handle-product-container .form-modal .form-group textarea:hover,.master-handle-product-container .handle-product-form .form-group input:not([type=checkbox]):hover,.master-handle-product-container .handle-product-form .form-group select:hover,.master-handle-product-container .handle-product-form .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.master-handle-product-container .form-modal .form-group select,.master-handle-product-container .handle-product-form .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.master-handle-product-container .form-modal .form-group label *,.master-handle-product-container .form-section .form-group label,.master-handle-product-container .form-section h5,.master-handle-product-container .handle-product-form .form-group label *{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.master-handle-product-container .form-modal .form-group input::placeholder,.master-handle-product-container .form-modal .form-group textarea::placeholder,.master-handle-product-container .handle-product-form .form-group input::placeholder,.master-handle-product-container .handle-product-form .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.master-handle-product-leader-container{padding:20px;max-width:1200px;margin:0 auto}.master-handle-product-leader-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.master-handle-product-leader-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.search-input-group{margin-bottom:15px}.filter-row{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.filter-select{flex:1 1;min-width:200px;padding:10px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.alert{position:relative}.close-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:inherit;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn:hover{opacity:.7}.handle-product-leader-form{padding:24px;background-color:#fff;color:#2c3e50}.handle-product-leaders-content{margin-top:20px}.handle-product-leaders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.handle-product-leader-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.handle-product-leader-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.handle-product-leader-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.handle-product-leader-header>div{display:flex;flex-direction:column;grid-gap:8px;gap:8px;flex:1 1}.handle-product-leader-header h3{margin:0;color:#2c3e50;font-size:1.3rem;font-weight:600}.badge{display:inline-block}.handle-product-leader-details{margin-bottom:20px}.handle-product-leader-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}.loading-container{padding:40px;font-size:1.1rem}.loading-container i{margin-bottom:10px}@media (max-width:768px){.master-handle-product-leader-container{padding:15px}.master-handle-product-leader-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.master-handle-product-leader-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.filter-row{flex-direction:column}.filter-select{min-width:auto}.form-row,.handle-product-leaders-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.action-container{padding:20px;max-width:1200px;margin:0 auto}.action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.action-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.action-form{padding:24px;background-color:#fff;color:#2c3e50}.actions-content{margin-top:20px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.action-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.action-header-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.action-header-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.action-details{margin-bottom:20px}.action-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}@media (max-width:768px){.action-container{padding:15px}.action-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.action-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.actions-grid,.form-row{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.action-container .action-form .form-group label,.action-container .form-modal .form-group label{color:#2c3e50!important}.action-container .action-form input,.action-container .action-form select,.action-container .action-form textarea{outline:none;background-color:#fff;color:#2c3e50}.action-container .action-form input:focus,.action-container .action-form select:focus,.action-container .action-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.action-container .action-form input:-webkit-autofill,.action-container .action-form input:-webkit-autofill:active,.action-container .action-form input:-webkit-autofill:hover,.action-container .action-form select:-webkit-autofill,.action-container .action-form select:-webkit-autofill:active,.action-container .action-form select:-webkit-autofill:hover,.action-container .action-form textarea:-webkit-autofill,.action-container .action-form textarea:-webkit-autofill:active,.action-container .action-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#2c3e50!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit}.action-container .action-form input:-webkit-autofill:focus,.action-container .action-form select:-webkit-autofill:focus,.action-container .action-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important;caret-color:#2c3e50!important;background-clip:padding-box!important;border-radius:inherit}.action-container .action-form input:-moz-autofill,.action-container .action-form select:-moz-autofill,.action-container .action-form textarea:-moz-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;color:#2c3e50!important;caret-color:#2c3e50!important}.action-container .action-form input:-moz-autofill:focus,.action-container .action-form select:-moz-autofill:focus,.action-container .action-form textarea:-moz-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;-moz-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important}.action-container .action-form .form-group label,.action-container .form-modal .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.action-container .action-form .form-group input:not([type=checkbox]),.action-container .action-form .form-group select,.action-container .action-form .form-group textarea,.action-container .form-modal .form-group input:not([type=checkbox]),.action-container .form-modal .form-group select,.action-container .form-modal .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.action-container .action-form .form-group input[type=checkbox],.action-container .form-modal .form-group input[type=checkbox],.action-container .form-section .form-group input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0 8px 0 0!important;border:2px solid #ced4da!important;border-radius:4px!important;cursor:pointer!important;display:inline-block!important;appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background-color:#fff!important;accent-color:#007bff!important;flex-shrink:0!important;vertical-align:middle!important;position:relative!important;opacity:1!important;visibility:visible!important;z-index:1!important}.action-container .action-form .form-group input[type=checkbox]:checked,.action-container .form-modal .form-group input[type=checkbox]:checked{background-color:#007bff!important;border-color:#007bff!important}.action-container .action-form .form-group input[type=checkbox]:hover,.action-container .form-modal .form-group input[type=checkbox]:hover{border-color:#007bff!important}.action-container .action-form .form-group input[type=checkbox]:focus,.action-container .form-modal .form-group input[type=checkbox]:focus{outline:2px solid rgba(0,123,255,.25)!important;outline-offset:2px!important;border-color:#007bff!important}.action-container .action-form .form-group input:focus,.action-container .action-form .form-group select:focus,.action-container .action-form .form-group textarea:focus,.action-container .form-modal .form-group input:focus,.action-container .form-modal .form-group select:focus,.action-container .form-modal .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.action-container .action-form .form-group input:hover,.action-container .action-form .form-group select:hover,.action-container .action-form .form-group textarea:hover,.action-container .form-modal .form-group input:hover,.action-container .form-modal .form-group select:hover,.action-container .form-modal .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.action-container .action-form .form-group select,.action-container .form-modal .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.action-container .action-form .form-group label *,.action-container .form-modal .form-group label *,.action-container .form-section .form-group label,.action-container .form-section h5{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.action-container .action-form .form-group input::placeholder,.action-container .action-form .form-group textarea::placeholder,.action-container .form-modal .form-group input::placeholder,.action-container .form-modal .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}.priority-container{padding:20px;max-width:1200px;margin:0 auto}.priority-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.priority-header h1{margin:0;color:#2c3e50;font-size:2rem;font-weight:600}.search-section{margin-bottom:30px}.search-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef}.search-input-group{display:flex;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.search-input{flex:1 1;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.search-filter{padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;background:#fff;min-width:150px;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.search-filter:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.search-btn{background:#007bff;color:#fff;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:8px}.search-btn:hover{background:#0056b3;transform:translateY(-1px)}.clear-btn{background:#6c757d;color:#fff;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-btn:hover{background:#545b62;transform:translateY(-1px)}.search-clear{background:#6c757d;color:#fff;border:none;border-radius:6px;width:40px;height:40px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-clear:hover{background:#545b62;transform:translateY(-1px)}.search-info{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#6c757d;font-size:.9rem}.clear-search-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:.9rem}.clear-search-link:hover{color:#0056b3}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.form-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.2);color:#2c3e50}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background-color:#fff;color:#2c3e50}.form-header h2{margin:0;color:#2c3e50;font-size:1.5rem;font-weight:600}.btn-close{background:none;border:none;font-size:1rem;cursor:pointer;color:#6c757d;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;line-height:1}.btn-close:hover{background-color:#e9ecef;color:#343a40}.btn-close:focus{outline:2px solid #0d6efd;outline-offset:2px}.btn-close i{font-size:1rem;line-height:1}.form-loading{padding:40px;text-align:center;color:#6c757d;background-color:#fff}.priority-form{padding:24px;background-color:#fff;color:#2c3e50}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box;background-color:#fff;color:#2c3e50}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.form-group textarea{resize:vertical;min-height:80px}.form-text{display:block;margin-top:4px;font-size:.875rem;color:#6c757d}.close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#721c24;padding:0;margin-left:10px;line-height:1}.close-btn:hover{color:#491217}.loading-container{text-align:center;padding:60px 20px;color:#6c757d}.loading-container i{font-size:2rem;margin-bottom:15px}.loading-container p{font-size:1.1rem}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#ced4da;background-color:#fff;color:#2c3e50}.form-group input::placeholder,.form-group textarea::placeholder{color:#6c757d;opacity:1}.form-actions,.form-group select option{background-color:#fff;color:#2c3e50}.form-actions{display:flex;justify-content:flex-end;grid-gap:15px;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.priorities-content{margin-top:20px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{font-size:1.2rem;margin-bottom:20px}.priorities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.priority-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e9ecef;transition:transform .2s,box-shadow .2s}.priority-card:hover{transform:translateY(-2px);box-shadow:0 8px 15px rgba(0,0,0,.15)}.priority-header-card{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f8f9fa}.priority-header-card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background-color:#d4edda;color:#155724}.badge-warning{background-color:#fff3cd;color:#856404}.badge-danger{background-color:#f8d7da;color:#721c24}.badge-secondary{background-color:#e2e3e5;color:#383d41}.priority-details{margin-bottom:20px}.detail-item{margin-bottom:8px;font-size:.95rem;line-height:1.4}.detail-item strong{color:#495057;margin-right:8px}.priority-actions{display:flex;grid-gap:10px;gap:10px;justify-content:flex-end}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62;transform:translateY(-1px)}.btn-outline-primary{background:transparent;color:#007bff;border:1px solid #007bff}.btn-outline-primary:hover{background:#007bff;color:#fff}.btn-outline-danger{background:transparent;color:#dc3545;border:1px solid #dc3545}.btn-outline-danger:hover{background:#dc3545;color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.loading{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pagination-info{color:#6c757d;font-size:.9rem}.pagination-controls{display:flex;align-items:center;grid-gap:15px;gap:15px}.pagination-btn{padding:8px 12px;border:1px solid #dee2e6;background:#fff;color:#007bff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page-info{color:#6c757d;font-size:.9rem;font-weight:500}@media (max-width:768px){.priority-container{padding:15px}.priority-header{flex-direction:column;grid-gap:15px;gap:15px;align-items:stretch}.priority-header h1{font-size:1.5rem;text-align:center}.search-input-group{flex-direction:column;grid-gap:10px;gap:10px}.search-filter{min-width:auto}.form-row,.priorities-grid{grid-template-columns:1fr}.pagination-container{flex-direction:column;grid-gap:15px;gap:15px;text-align:center}.form-modal{margin:10px;max-width:calc(100% - 20px)}}.priority-container .form-modal .form-group label,.priority-container .priority-form .form-group label{color:#2c3e50!important}.priority-container .priority-form input,.priority-container .priority-form select,.priority-container .priority-form textarea{outline:none;background-color:#fff;color:#2c3e50}.priority-container .priority-form input:focus,.priority-container .priority-form select:focus,.priority-container .priority-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1);background-color:#fff;color:#2c3e50}.priority-container .priority-form input:-webkit-autofill,.priority-container .priority-form input:-webkit-autofill:active,.priority-container .priority-form input:-webkit-autofill:hover,.priority-container .priority-form select:-webkit-autofill,.priority-container .priority-form select:-webkit-autofill:active,.priority-container .priority-form select:-webkit-autofill:hover,.priority-container .priority-form textarea:-webkit-autofill,.priority-container .priority-form textarea:-webkit-autofill:active,.priority-container .priority-form textarea:-webkit-autofill:hover{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff!important;caret-color:#2c3e50!important;-webkit-transition:background-color 9999s ease-in-out 0s!important;transition:background-color 9999s ease-in-out 0s!important;background-clip:padding-box!important;border-radius:inherit}.priority-container .priority-form input:-webkit-autofill:focus,.priority-container .priority-form select:-webkit-autofill:focus,.priority-container .priority-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50!important;box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important;caret-color:#2c3e50!important;background-clip:padding-box!important;border-radius:inherit}.priority-container .priority-form input:-moz-autofill,.priority-container .priority-form select:-moz-autofill,.priority-container .priority-form textarea:-moz-autofill{box-shadow:inset 0 0 0 1000px #fff!important;-moz-box-shadow:0 0 0 1000px #fff inset!important;color:#2c3e50!important;caret-color:#2c3e50!important}.priority-container .priority-form input:-moz-autofill:focus,.priority-container .priority-form select:-moz-autofill:focus,.priority-container .priority-form textarea:-moz-autofill:focus{box-shadow:inset 0 0 0 1000px #fff,0 0 0 3px rgba(0,123,255,.1)!important;-moz-box-shadow:0 0 0 1000px #fff inset,0 0 0 3px rgba(0,123,255,.1)!important;border-color:#007bff!important}.priority-container .form-modal .form-group label,.priority-container .priority-form .form-group label{font-weight:500!important;color:#495057!important;margin-bottom:8px!important;text-shadow:none!important;box-shadow:none!important;background:none!important;background-color:initial!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:none!important;display:block!important}.priority-container .form-modal .form-group input:not([type=checkbox]),.priority-container .form-modal .form-group select,.priority-container .form-modal .form-group textarea,.priority-container .priority-form .form-group input:not([type=checkbox]),.priority-container .priority-form .form-group select,.priority-container .priority-form .form-group textarea{width:100%!important;padding:12px!important;border:2px solid #e9ecef!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .2s!important;box-sizing:border-box!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;background-image:none!important;background-clip:padding-box!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-family:inherit!important;font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-decoration:none!important;text-transform:none!important}.priority-container .form-modal .form-group input[type=checkbox],.priority-container .form-section .form-group input[type=checkbox],.priority-container .priority-form .form-group input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0 8px 0 0!important;border:2px solid #ced4da!important;border-radius:4px!important;cursor:pointer!important;display:inline-block!important;appearance:checkbox!important;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;background-color:#fff!important;accent-color:#007bff!important;flex-shrink:0!important;vertical-align:middle!important;position:relative!important;opacity:1!important;visibility:visible!important;z-index:1!important}.priority-container .form-modal .form-group input[type=checkbox]:checked,.priority-container .priority-form .form-group input[type=checkbox]:checked{background-color:#007bff!important;border-color:#007bff!important}.priority-container .form-modal .form-group input[type=checkbox]:hover,.priority-container .priority-form .form-group input[type=checkbox]:hover{border-color:#007bff!important}.priority-container .form-modal .form-group input[type=checkbox]:focus,.priority-container .priority-form .form-group input[type=checkbox]:focus{outline:2px solid rgba(0,123,255,.25)!important;outline-offset:2px!important;border-color:#007bff!important}.priority-container .form-modal .form-group input:focus,.priority-container .form-modal .form-group select:focus,.priority-container .form-modal .form-group textarea:focus,.priority-container .priority-form .form-group input:focus,.priority-container .priority-form .form-group select:focus,.priority-container .priority-form .form-group textarea:focus{outline:none!important;border-color:#007bff!important;box-shadow:0 0 0 3px rgba(0,123,255,.1)!important;background-color:#fff!important;color:#2c3e50!important}.priority-container .form-modal .form-group input:hover,.priority-container .form-modal .form-group select:hover,.priority-container .form-modal .form-group textarea:hover,.priority-container .priority-form .form-group input:hover,.priority-container .priority-form .form-group select:hover,.priority-container .priority-form .form-group textarea:hover{border-color:#e9ecef!important;background-color:#fff!important;color:#2c3e50!important;box-shadow:none!important;transform:none!important;background-image:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.priority-container .form-modal .form-group select,.priority-container .priority-form .form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px 12px!important;padding-right:40px!important}.priority-container .form-modal .form-group label *,.priority-container .form-section .form-group label,.priority-container .form-section h5,.priority-container .priority-form .form-group label *{text-shadow:none!important;box-shadow:none!important;background:none!important;filter:none!important}.priority-container .form-modal .form-group input::placeholder,.priority-container .form-modal .form-group textarea::placeholder,.priority-container .priority-form .form-group input::placeholder,.priority-container .priority-form .form-group textarea::placeholder{color:#6c757d!important;opacity:1!important;font-style:normal!important;font-weight:400!important}
/*# sourceMappingURL=main.662ea666.chunk.css.map */