*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Poppins-Regular;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype")}@font-face{font-family:Poppins-Medium;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype")}@font-face{font-family:Poppins-SemiBold;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype")}@font-face{font-family:Poppins-Bold;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype")}.header{background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;height:80px;box-shadow:0 4px 4px #0003;z-index:200}.logo{height:50px;max-width:100%}.LogOut{background:none;border:none;cursor:pointer;display:flex;align-items:center}.LogOut:hover{opacity:.8}.logout-icon{width:40px;height:40px}.menu-toggle{display:none}@media screen and (max-width: 1024px){.sidebar{position:fixed;left:-260px;top:0;height:100%;width:250px;background-color:#085d84;transition:transform .3s ease-in-out;z-index:1000}.sidebar.open{transform:translate(260px)}.menu-toggle{display:flex;background:none;border:none;color:#085d84;font-size:28px;cursor:pointer;z-index:1100}.content{margin-left:50px}.LogOut{display:none}}.dashboard-container{display:flex;height:100vh;background-color:#f4f4f4;overflow:hidden;position:relative}.dashboard{display:flex;flex-direction:column;height:100vh}.sidebar{width:280px;background:#085d84;color:#fff;padding:20px;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease-in-out;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar h2{text-align:left;font-size:18px;margin:0;font-family:Poppins-Bold}.mobile-close-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:3px;transition:background-color .3s ease}.mobile-close-btn:hover{background-color:#ffffff1a}.sidebar ul{list-style:none;padding:0}.sidebar ul li{display:flex;align-items:center;margin:10px 0}.sidebar ul li a{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:16px;font-family:Poppins-Medium;padding:10px;border-radius:5px;transition:background .3s ease-in-out;width:100%}.sidebar ul li a:hover{background-color:#34495e}.menu-icon{margin-right:10px;font-size:22px}.sidebar ul li a.active{background-color:#34495e;font-weight:700;border-radius:5px;transition:background .3s ease-in-out}.user-menu{position:relative;display:flex;flex-direction:column}.user-menu-toggle{background:none;border:none;color:#fff;font-size:18px;font-family:Poppins-Medium;display:flex;align-items:center;padding:10px;width:100%;text-align:left;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out}.user-menu-toggle:hover{background-color:#34495e}.sub-menu{list-style:none;margin-left:20px;display:flex;flex-direction:column}.sub-menu li{margin-top:5px}.sub-menu li a{text-decoration:none;color:#fff;font-size:14px;font-family:Poppins-Regular;padding:6px;border-radius:5px;transition:background .3s ease-in-out;display:flex;align-items:center}.sub-menu li a:hover{background-color:#1c7ea0}.notification-wrapper{position:relative;margin-left:auto}.notification-icon{font-size:18px;color:gold}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;min-width:18px;text-align:center}.content{flex-grow:1;background-color:#f4f4f4;display:flex;flex-direction:column;height:100vh;overflow:hidden}.mainContent{width:100%;padding:20px;overflow-y:auto;max-height:calc(100vh - 100px)}.Logout-button{display:none}@media screen and (max-width: 1024px){.dashboard-container{display:flex;height:100vh;background-color:#f4f4f4;overflow:hidden;position:relative;margin-left:-50px}.sidebar{position:fixed;left:-280px;top:0;height:100%;width:280px;background-color:#085d84;transition:transform .3s ease-in-out;z-index:1000;box-shadow:2px 0 10px #0000001a}.sidebar.open{transform:translate(280px)}.mobile-close-btn{display:block}.Logout-button{background-color:#13be32;color:#fff;font-family:Poppins-SemiBold;font-size:16px;border:none;cursor:pointer;padding:10px;border-radius:5px;width:80%;margin:20px auto 0;display:flex;justify-content:center;transition:background-color .3s ease}.Logout-button:hover{background-color:#0fa127}.sidebar h2{font-size:20px}.sidebar ul li a,.user-menu-toggle{font-size:16px;padding:8px}.sub-menu li a{font-size:13px;padding:5px}.menu-icon{font-size:20px}}@media screen and (max-width: 480px){.sidebar{width:260px;left:-260px;padding:15px}.sidebar.open{transform:translate(260px)}.sidebar h2{font-size:18px}.sidebar ul li a,.user-menu-toggle{font-size:15px;padding:6px}.sub-menu li a{font-size:12px;padding:4px}.menu-icon{font-size:18px;margin-right:8px}.mainContent{padding:15px}}@media screen and (max-width: 1024px){.sidebar.open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:-1}}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#dcdcdc}.login-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;width:85%;height:90%;border-radius:12px;box-shadow:0 4px 10px #0000001a}.login-left{flex:2;display:flex;flex-direction:column;text-align:left;margin:100px 0 0 50px;height:100%}.login-right{flex:1;display:flex;justify-content:center;align-items:center;height:100%;background:#13be32;flex-direction:column}.welcome-text{font-size:28px;font-family:Poppins-Bold;color:#085d84;margin-bottom:1rem}.EV-text{font-size:28px;font-family:Poppins-Bold;color:#fff;margin-bottom:1rem;text-align:center}.login-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1.5rem}.logo-img{width:200px;height:auto;margin-bottom:10px}.logo2-img,.logo3-img{width:300px;height:auto;margin-bottom:10px}.login-form{display:flex;flex-direction:column;gap:45px;width:100%;margin-left:30px}.input-group{display:flex;align-items:flex-start;background:#f2f2f2;border-radius:8px;padding:12px;width:60%}.password-group{position:relative}.input-icon{font-size:18px;color:#085d84;position:absolute}.login-input{flex:1;border:none;background:transparent;outline:none;font-size:16px;position:relative;left:30px}.toggle-password{position:absolute;right:10px;cursor:pointer;color:#666;font-size:18px}.toggle-password:hover{color:#000}.login-button{background:#13be32;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s;width:30%}.login-button:hover{background:#0ea626}.desktop-logo{display:block}.mobile-logo{display:none}@media (max-width: 1024px){.login-card{flex-direction:column;align-items:center;width:90%;height:auto}.login-left{width:100%;text-align:left;align-items:flex-start;padding-left:20px}.welcome-text{font-size:28px;font-weight:700;color:#085d84;margin-bottom:1rem;text-align:left}.logo-img{width:200px;height:auto;margin-bottom:10px;align-self:flex-start}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#fff}.login-left,.login-right{width:100%;height:auto}.login-right{justify-content:center;margin-top:20px;background-color:#fff}.desktop-logo{display:none}.mobile-logo{display:block;width:380px;margin-top:10px}}@media (max-width: 768px){.login-card{flex-direction:column;align-items:center;width:95%;height:auto}.login-left{width:100%;text-align:left;align-items:flex-start;padding-left:20px}.welcome-text{text-align:left}.logo-img{align-self:flex-start}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#fff}.login-right{margin-top:10px;background-color:#fff}.mobile-logo{width:380px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:550px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 8px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:20px;color:#085d84;font-family:Poppins-Medium}.modal-header button{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body{padding:18px}.station-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;flex-direction:column;font-size:14px;font-family:Poppins-Regular}.detail-item strong{margin-bottom:4px;color:#555;font-family:Poppins-Regular}.zoom-controls{position:absolute;top:100px;right:20px;display:flex;flex-direction:column;z-index:10}.zoom-controls button{padding:10px 15px;margin:5px 0;font-size:18px;background-color:#fff;border:1px solid #ccc;cursor:pointer;border-radius:4px;box-shadow:0 2px 6px #0003}.adminCard{padding:20px;display:flex;justify-content:center;flex-direction:column}.detailedCon{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;padding:10px}.small-box{display:flex;flex:1;min-width:200px;background:#fff;padding:12px;border-radius:8px;overflow-wrap:break-word;border:.5px solid #ddd;flex-direction:column;gap:20px}.title{text-align:left;font-family:Poppins-Medium;color:#085d84;padding-bottom:15px}.subTitle{text-align:left;font-family:Poppins-Regular;color:gray;font-size:15px}.span{font-size:22px;font-family:Poppins-Bold;color:#13be32}.card-container{background:#fff;padding:10px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:row;justify-content:space-between;flex:1;max-width:250px;height:150px;transition:transform .3s ease,box-shadow .3s ease}.card-container:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.card-title{text-align:left;font-family:Poppins-Regular;color:#454545;font-size:13px}.card-number{display:flex;align-items:center;font-size:18px;font-family:Poppins-Bold;color:#085d84;gap:10px;padding:15px 0}.card-number h2{font-size:20px}.positive{color:#13be32;font-size:14px;font-weight:700}.negative{color:#ff4d4d;font-size:14px;font-weight:700}.card-subtext{font-size:12px;color:gray;font-family:Poppins-Regular}.icon-con{display:flex;flex-direction:row;gap:15px}.icon{font-size:2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#085d84}.chart-title{font-size:20px;font-weight:700;margin-bottom:10px;font-family:Poppins-Medium;color:#085d84}.statistics-heading{text-align:left;font-size:18px;font-family:Poppins-Medium;color:#085d84;margin:20px 0}.ring-charts-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:25px;width:100%;justify-content:center;height:100%}.chart-container{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:40%;max-height:100%;position:relative}.chart-main{display:flex;align-items:center;justify-content:center}.chart-icon{font-size:40px;color:#13be32;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.chart-values{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px;text-align:left}.chart-value-item{display:flex;align-items:center;gap:10px;font-size:14px;font-family:Poppins-Medium}.item-value{font-size:16px}.chart-value-item .dot{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}@media (max-width: 1024px){.detailedCon{flex-direction:column;align-items:center;display:grid;grid-template-columns:repeat(2,1fr)}.chart-container{width:45%}.card-container{min-width:160px}}@media (max-width: 768px){.ring-charts-container{flex-direction:column;align-items:center}.chart-container{width:80%}.detailedCon{flex-direction:column;align-items:center;display:grid;grid-template-columns:repeat(2,1fr)}.card-container{width:90%;margin-bottom:10px}.icon{font-size:1.5rem}.card-number h2{font-size:24px}}@media (max-width: 480px){.chart-container{width:100%}.detailedCon{flex-direction:column;align-items:center;display:grid;grid-template-columns:repeat(2,1fr)}.card-container{width:100%;flex-direction:column;align-items:center}.icon-con{flex-direction:column;align-items:center;text-align:center}.card-number{flex-direction:column;text-align:center}}.payment-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.payment-table{width:80%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 8px 8px #0000001a;overflow:hidden}.transaction-heading{font-size:22px;color:#085d84;font-family:Poppins-Regular;align-self:flex-start;margin:30px 185px;color:#fff;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003}.payment-table th,.payment-table td{padding:15px;text-align:left}.payment-table th{font-size:17px;font-family:Poppins-Bold;color:#085d84;background:none;border-bottom:2px solid #ddd}.payment-table td{font-size:14px;color:#000;font-family:Poppins-Medium}.payTxt{display:flex;align-items:center;justify-content:center;background-color:#ff0;padding:10px}.user-card{width:80%;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-bottom:20px;border-bottom:2px solid #ddd}.get-details-button{background:#085d84;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.get-details-button:hover{background-color:#0056b3;transform:scale(1.05)}.details-table{width:100%;border-collapse:collapse;margin-top:10px}.details-row{border-bottom:2px solid #ccc;padding:10px 0}.details-table td{padding:8px;color:#333}.details-table tr td:first-child{font-weight:700;color:#085d84;width:50%}.details-table tr td:last-child{color:#13be32}.approveBtnBox{display:flex;justify-content:center;align-items:center;margin-top:15px}.approve-btn{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.approve-btn:hover{background-color:#218838}@media screen and (max-width: 768px){.payment-table,.user-card{width:100%}.transaction-heading{font-size:20px;color:#085d84;font-family:Poppins-Regular;align-self:flex-start;margin:30px 0;color:#fff;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003}}@media (max-width: 1024px){.payment-table,.user-card{width:100%}.transaction-heading{font-size:22px;color:#085d84;font-family:Poppins-Regular;align-self:flex-start;margin:30px 105px;color:#fff;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003}}.host-details-container{display:grid;gap:40px;padding:50px;justify-content:center}.host-heading{font-size:25px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;width:30%;margin-bottom:20px}.hostHeaderCon{display:flex;justify-content:center;align-items:center;flex-direction:column}.station-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:20px}.station-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.station-header{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:2px solid #ddd;padding-bottom:10px}.station-name{font-size:22px;font-weight:700;color:#085d84;padding-bottom:10px;font-family:Poppins-Bold,sans-serif}.station-address{font-size:14px;color:#000;font-family:Poppins-Medium;margin-bottom:10px}.get-details-button{background:#13be32;color:#fff;font-size:14px;font-family:Poppins-Medium,sans-serif;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;margin-top:10px;transition:background .3s ease}.get-details-button:hover{background:#064b6b}.button-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.edit-button,.delete-button,.wallet-button{padding:8px 12px;border:none;cursor:pointer;border-radius:5px;margin:8px;font-family:Poppins-Medium}.status-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:20px}.quick-info-section{display:flex;flex-wrap:wrap;gap:15px;flex:1}.detail-box-header{background:#f8f9fa;border:2px solid #13BE32;padding:10px 15px;border-radius:8px;min-width:150px;box-shadow:0 2px 4px #0000001a}.detail-box-header strong{display:block;font-size:12px;color:#085d84;font-family:Poppins-Bold;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.detail-box-header span{font-size:14px;color:#13be32;font-family:Poppins-Medium;font-weight:600}.status-badge{padding:12px 16px;border-radius:8px;font-size:14px;font-family:Poppins-Medium;color:#fff;text-align:center;min-width:100px;font-weight:600;box-shadow:0 2px 4px #0003}.offline{background-color:gray}.available{background-color:#13be32}.charging{background-color:red}.wallet-button{background-color:#13be32;color:#fff}.station-details{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:10px}.loading,.error,.no-data{text-align:center;font-size:18px;font-weight:700;margin-top:20px}.host-management-wrapper{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.host-management-title{font-size:25px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:inline-block;text-transform:uppercase;letter-spacing:1px;width:auto;margin-bottom:20px}.spinner-container{display:flex;align-items:center;justify-content:center;height:100vh}.host-data-grid{width:90%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 8px 8px #0000001a;overflow:hidden;overflow-x:auto}.host-data-grid th,.host-data-grid td{padding:15px;text-align:left;border-bottom:1px solid #ddd;word-wrap:break-word}.host-data-grid th{font-size:17px;font-family:Poppins-Bold;color:#085d84;background:none;border-bottom:2px solid #ddd}.host-data-grid td{font-size:14px;color:#000;font-family:Poppins-Medium}.host-data-grid th:nth-child(3),.host-data-grid td:nth-child(3){width:35%;min-width:150px}.device-ids-container{display:flex;flex-direction:column;gap:3px}.device-id-item{background:#f0f8ff;padding:2px 6px;border-radius:4px;font-size:12px;border:1px solid #e0e0e0;display:inline-block}.host-text-display{display:flex;align-items:center;justify-content:center;background-color:#ff0;padding:10px}.host-profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-bottom:20px;border-bottom:2px solid #ddd}.expand-details-btn{background:#13be32;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.expand-details-btn:hover{background-color:#0056b3;transform:scale(1.05)}.host-info-grid{width:100%;margin:20px auto}.host-info-grid td{padding:8px;color:#333}.host-info-grid tr td:first-child{font-weight:700;color:#085d84;width:50%}.host-info-grid tr td:last-child{color:#13be32}.action-buttons-group{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.history-report-btn,.remove-host-btn,.wallet-info-btn{padding:8px 12px;border:none;cursor:pointer;border-radius:5px;margin:8px;font-family:Poppins-Medium}.remove-host-btn{background-color:red;color:#fff}@media screen and (max-width: 768px){.host-management-wrapper{padding:10px}.quick-info-section{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:stretch;gap:3px;margin:15px 0;width:100%}.detail-box-header{flex:1 1 33.33%;min-width:0;padding:4px 2px;margin:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #13BE32;border-radius:6px;background:#f8f9fa}.detail-box-header strong{font-size:8px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.detail-box-header span{font-size:9px;word-break:break-word;line-height:1.1;overflow:hidden;text-overflow:ellipsis;width:100%}.station-header{padding-bottom:15px}.status-badge{min-width:80px}.host-data-grid{width:100%;font-size:12px}.host-data-grid th,.host-data-grid td{padding:8px 4px;font-size:12px}.host-data-grid th:nth-child(3),.host-data-grid td:nth-child(3){width:40%;min-width:100px}.expand-details-btn{padding:6px 8px;font-size:11px}.action-buttons-group{flex-wrap:wrap;gap:8px}.history-report-btn,.remove-host-btn,.wallet-info-btn{flex:0 0 calc(50% - 8px);margin:0;padding:8px 4px;font-size:11px}.device-id-item{font-size:10px;padding:1px 4px}}@media (max-width: 900px){.host-details-container{grid-template-columns:1fr}.quick-info-section{flex-direction:column}}.customer-management-wrapper{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateZ(0);will-change:auto}.customer-management-title{font-size:25px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 2px 4px #00000026;display:inline-block;text-transform:uppercase;letter-spacing:1px;width:auto;margin-bottom:20px;transform:translateZ(0)}.spinner-container{display:flex;align-items:center;justify-content:center;height:100vh;transform:translateZ(0)}.spinner-wrapper{display:flex;align-items:center;justify-content:center;min-height:200px;transform:translateZ(0)}.customer-data-grid{width:90%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000014;overflow:hidden;transform:translateZ(0);contain:layout style paint}.customer-data-grid th,.customer-data-grid td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;text-rendering:optimizeSpeed}.customer-data-grid th{font-size:15px;font-family:Poppins-Bold,sans-serif;color:#085d84;background:none;border-bottom:2px solid #ddd;position:sticky;top:0;z-index:1;background-color:#fff;white-space:nowrap}.customer-data-grid td{font-size:14px;color:#000;font-family:Poppins-Medium,sans-serif}.customer-text-display{display:flex;align-items:center;justify-content:center;background-color:#ffeb3b;padding:10px;transform:translateZ(0)}.customer-profile-card{width:80%;background:#fff;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:20px;margin-bottom:20px;border-bottom:2px solid #ddd;transform:translateZ(0);contain:layout style paint}.expand-details-btn{background:#13be32;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;transform:translateZ(0);transition:transform .2s ease,background-color .2s ease;min-width:100px;min-height:36px;touch-action:manipulation;box-sizing:border-box}.expand-details-btn:hover{background-color:#0f9928;transform:translateZ(0) scale(1.02)}.expand-details-btn:active{transform:translateZ(0) scale(.98);transition-duration:.1s}.expanded-info-row td{background-color:#f9f9f9;padding:20px!important}.customer-info-grid{width:100%;margin:20px auto;transform:translateZ(0);contain:layout style}.customer-info-grid td{padding:10px 8px;color:#333;text-rendering:optimizeSpeed}.customer-info-grid tr td:first-child{font-weight:700;color:#085d84;width:30%}.customer-info-grid tr td:last-child{color:#13be32;width:70%}.mobile-only-row{display:none}.vehicle-details-section{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px}.vehicle-section-title{font-size:16px;font-weight:700;color:#085d84;margin-bottom:15px;font-family:Poppins-Bold,sans-serif}.vehicle-details-grid{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.vehicle-details-grid th,.vehicle-details-grid td{padding:10px 12px;text-align:left;border-bottom:1px solid #e0e0e0;font-size:13px}.vehicle-details-grid th{background-color:#085d84;color:#fff;font-weight:700;font-family:Poppins-Bold,sans-serif;font-size:13px}.vehicle-details-grid td{color:#333;font-family:Poppins-Medium,sans-serif}.vehicle-details-grid tbody tr:hover{background-color:#f5f5f5}.vehicle-details-grid tbody tr:last-child td{border-bottom:none}.vehicle-details-grid th:nth-child(1),.vehicle-details-grid td:nth-child(1){width:25%}.vehicle-details-grid th:nth-child(2),.vehicle-details-grid td:nth-child(2){width:35%}.vehicle-details-grid th:nth-child(3),.vehicle-details-grid td:nth-child(3){width:40%}.action-buttons-group{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;transform:translateZ(0);contain:layout}.history-report-btn,.remove-customer-btn,.wallet-info-btn{padding:8px 12px;border:none;cursor:pointer;border-radius:5px;margin:0;font-family:Poppins-Medium,sans-serif;font-size:14px;transform:translateZ(0);transition:transform .2s ease,background-color .2s ease;min-width:80px;min-height:36px;box-sizing:border-box;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;outline:none}.history-report-btn{background-color:#007bff;color:#fff}.wallet-info-btn{background-color:#13be32;color:#fff}.remove-customer-btn{background-color:red;color:#fff}.history-report-btn:hover{background-color:#0056b3;transform:translateZ(0) translateY(-1px)}.wallet-info-btn:hover{background-color:#0f9928;transform:translateZ(0) translateY(-1px)}.remove-customer-btn:hover{background-color:#c82333;transform:translateZ(0) translateY(-1px)}.history-report-btn:active,.wallet-info-btn:active,.remove-customer-btn:active{transform:translateZ(0) translateY(0) scale(.98);transition-duration:.1s}.history-report-btn:focus,.wallet-info-btn:focus,.remove-customer-btn:focus{outline:2px solid rgba(0,123,255,.5);outline-offset:2px}@media screen and (max-width: 1024px){.customer-data-grid{width:95%;font-size:13px}.customer-data-grid th,.customer-data-grid td{padding:10px 8px}.customer-data-grid th{font-size:13px}}@media screen and (max-width: 768px){.customer-management-wrapper{padding:10px}.customer-profile-card{width:100%;contain:layout style paint}.customer-data-grid{width:100%;font-size:12px}.customer-data-grid tr>*:nth-child(3){display:none!important}.customer-data-grid th,.customer-data-grid td{padding:8px 5px;font-size:12px}.customer-data-grid th{font-size:13px}.customer-data-grid tr>*:nth-child(1){width:20%}.customer-data-grid tr>*:nth-child(2){width:45%}.customer-data-grid tr>*:nth-child(4){width:35%;text-align:center}.customer-data-grid tr.expanded-info-row>td{display:table-cell!important;width:100%!important}.expand-details-btn{font-size:10px;min-width:75px;padding:6px 8px;white-space:nowrap}.customer-info-grid{font-size:12px}.customer-info-grid tr td:first-child{width:45%;font-size:12px}.customer-info-grid tr td:last-child{width:55%;font-size:12px;word-break:break-word}.mobile-only-row{display:table-row}.vehicle-details-section{padding:10px;margin:15px 0}.vehicle-section-title{font-size:14px;margin-bottom:10px}.vehicle-details-grid{font-size:11px}.vehicle-details-grid th,.vehicle-details-grid td{padding:8px 6px;font-size:11px}.vehicle-details-grid th{font-size:12px}.vehicle-details-grid th:nth-child(1),.vehicle-details-grid td:nth-child(1){width:20%}.vehicle-details-grid th:nth-child(2),.vehicle-details-grid td:nth-child(2){width:35%}.vehicle-details-grid th:nth-child(3),.vehicle-details-grid td:nth-child(3){width:45%}.action-buttons-group{display:flex;flex-direction:column;gap:10px;width:100%;contain:layout}.history-report-btn,.remove-customer-btn,.wallet-info-btn{width:100%;margin:0;min-height:44px;font-size:13px}}@media screen and (max-width: 480px){.customer-data-grid tr>*:nth-child(1){width:18%;font-size:11px}.customer-data-grid tr>*:nth-child(2){width:47%;font-size:11px}.customer-data-grid tr>*:nth-child(4){width:35%}.expand-details-btn{font-size:9px;min-width:65px;padding:5px 6px}.vehicle-details-grid th,.vehicle-details-grid td{padding:6px 4px;font-size:10px}.vehicle-details-grid th{font-size:11px}}*{scroll-behavior:auto}.service-provider-container{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;will-change:scroll-position;contain:layout style paint}.service-provider-heading{font-size:28px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;width:100%;max-width:600px;transform:translateZ(0);backface-visibility:hidden}.table-container{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:auto;contain:layout style;scroll-behavior:auto}.service-provider-table,.serviceProviderDetails-table{width:100%;max-width:100%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:0 8px 8px #0000001a;overflow:hidden;margin-bottom:20px;min-width:300px;transform:translateZ(0);will-change:transform;contain:layout style paint}.service-provider-table th,.serviceProviderDetails-table th{padding:15px 10px;text-align:left;font-size:16px;font-family:Poppins-Bold,Arial,sans-serif;color:#085d84;background:none;border-bottom:2px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;contain:layout style paint}.service-provider-table td,.serviceProviderDetails-table td{padding:15px 10px;text-align:left;font-size:14px;font-family:Poppins-Medium,Arial,sans-serif;color:#000;border-bottom:1px solid #ddd;word-break:break-word;overflow-wrap:break-word;contain:layout style paint}.serviceProviderDetails-row{width:100%;contain:layout style}.serviceProviderDetails-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;margin:10px auto;table-layout:fixed;transform:translateZ(0);contain:layout style paint}.serviceProviderDetails-table tr td:first-child{font-weight:700;color:#085d84;width:40%}.serviceProviderDetails-table tr td:last-child{color:#13be32;width:60%}.get-serviceProviderDetails-button{background:#13be32;color:#fff;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;white-space:nowrap;transform:translateZ(0);will-change:transform,background-color;transition:transform .15s ease,background-color .15s ease;backface-visibility:hidden;contain:layout style paint;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.get-serviceProviderDetails-button:hover{background-color:#0056b3;transform:translateZ(0) scale(1.02)}.get-serviceProviderDetails-button:active{transform:translateZ(0) scale(.98)}.service-details-table{width:100%;margin-top:10px;border-collapse:collapse;overflow-x:auto;contain:layout style paint;transform:translateZ(0)}.service-details-table th{background:#085d84;color:#fff;padding:8px 5px;font-size:12px;contain:layout style paint}.service-details-table td{background:#fff;padding:8px 5px;font-size:11px;contain:layout style paint}.button-container{display:flex;justify-content:center;gap:5px;margin-top:10px;flex-wrap:wrap;contain:layout style}.edit-button,.delete-button,.wallet-button{padding:6px 8px;border:none;cursor:pointer;border-radius:5px;font-size:11px;margin:2px;transform:translateZ(0);will-change:transform,background-color;transition:transform .15s ease,background-color .15s ease;backface-visibility:hidden;contain:layout style paint;min-height:40px;min-width:40px;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.edit-button{background-color:#007bff;color:#fff}.delete-button{background-color:red;color:#fff}.wallet-button{background-color:#28a745;color:#fff}.edit-button:active,.delete-button:active,.wallet-button:active{transform:translateZ(0) scale(.95)}.edit-button:hover{background-color:#0056b3}.delete-button:hover{background-color:#c82333}.wallet-button:hover{background-color:#218838}.loaderCon{display:flex;justify-content:center;align-items:center;height:200px;contain:layout style paint}.error{color:red;font-size:16px;text-align:center}@media screen and (max-width: 768px){.service-provider-container{padding:10px}.service-provider-heading{font-size:20px;padding:10px;letter-spacing:.5px}.service-provider-table,.serviceProviderDetails-table{font-size:12px;border-radius:8px}.service-provider-table th,.serviceProviderDetails-table th{padding:8px 5px;font-size:12px}.service-provider-table td,.serviceProviderDetails-table td{padding:8px 5px;font-size:11px}.get-serviceProviderDetails-button{padding:8px 12px;font-size:12px;min-height:48px}.button-container{gap:8px;flex-direction:column;align-items:center}.edit-button,.delete-button,.wallet-button{width:100%;max-width:200px;margin:3px 0;min-height:48px;padding:12px 16px;font-size:14px}}@media screen and (max-width: 480px){.service-provider-container{padding:5px}.service-provider-heading{font-size:16px;padding:8px}.service-provider-table,.serviceProviderDetails-table{font-size:10px}.service-provider-table th,.serviceProviderDetails-table th,.service-provider-table td,.serviceProviderDetails-table td{padding:6px 4px;font-size:10px}.serviceProviderDetails-table tr td:first-child{width:35%}.serviceProviderDetails-table tr td:last-child{width:65%}}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position;contain:layout style;overscroll-behavior-x:contain}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f180;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#888888b3;border-radius:3px;transition:background .2s ease}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#555555e6}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}img,video,iframe{max-width:100%;height:auto}@keyframes optimizedFadeIn{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}.service-provider-table,.serviceProviderDetails-table,.service-details-table{content-visibility:auto;contain-intrinsic-size:0 500px}.headerCon{display:flex;justify-content:center;align-items:center;flex-direction:column}.label{font-family:Poppins-Medium;font-size:14px}.charging-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:700px;margin:auto auto 15px;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px}.station-heading{font-size:20px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;width:25%;margin-bottom:20px}.headerCon2{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:20px}.device-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;width:100%;padding:10px 0}.detail-box{flex:1;min-width:200px;background:#f5f5f5;padding:12px;border-radius:8px;overflow-wrap:break-word}.detail-box strong{display:block;font-size:14px;color:#333;padding-bottom:10px;font-family:Poppins-Regular}.detail-box span{font-size:14px;color:#13be32;font-family:Poppins-Medium}.charging-form input,.charging-form select{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border-radius:8px;background:#f9f9f9}.checkbox-label{display:flex;align-items:center;gap:20px;font-size:14px;padding:10px;font-family:Poppins-Regular}.formatLabel{font-family:Poppins-Medium;font-size:12px;color:#666}.error-message{font-family:Poppins-Medium;font-size:12px;color:red}.radio-group{display:flex;gap:15px;padding:10px;align-items:center;justify-content:center}.radio-label{display:flex;align-items:center;gap:8px;font-size:16px;cursor:pointer;font-family:Poppins-Medium}.radio-label input{width:18px;height:18px;accent-color:#007bff}.wifi-details{background-color:#f5f5f5;padding:10px;width:100%}.wifi-details input{margin:10px;width:70%;align-items:center;justify-content:center}.heading{font-family:Poppins-SemiBold;color:#085d84}.dropdown-container{display:flex;flex-direction:row;gap:10px}.dropdown-group{display:flex;gap:10px;flex-direction:column;padding:15px;width:100%}.row-container{display:flex;gap:25px;justify-content:space-between;padding:10px}.row-container label,.row-container input{width:48%}.custom-select{width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.custom-label{width:48%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:Poppins-Medium;font-size:16px}.dropdown-arrow{font-size:12px;color:#666}.amenities-container{display:flex;flex-wrap:wrap;gap:15px;border:1px solid #ddd;padding:10px;margin-top:5px;width:100%}.amenity-item{display:flex;align-items:center;gap:15px;font-family:Poppins-Regular}.input-group{display:flex;flex-direction:column;flex:1}.save-button{background:#13be32;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.save-button:hover{background:#0ea626}.save-button:disabled{background:#0ea626;cursor:not-allowed;opacity:.6;transition:background-color .3s ease,opacity .3s ease}.charging-history-container{padding:35px;max-width:1000px;margin:auto;background-color:#fff;box-shadow:0 4px 8px #0003}.headerCon{text-align:center;margin-bottom:20px}.title{font-size:25px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;width:30%;margin-bottom:20px}.history-card{display:flex;flex-direction:row;background-color:#fff;border-radius:10px;margin-bottom:15px;padding:18px;box-shadow:0 4px 8px #0003;align-items:center;justify-items:center}.history-card-station-sessions{display:flex;flex-direction:column;background-color:#fff;border-radius:10px;margin-bottom:15px;padding:18px;box-shadow:0 4px 8px #0003;align-items:center;justify-items:center}.dateContainer{flex:1;background-color:#fff;box-shadow:0 4px 8px #0003;padding:15px 20px;border-radius:10px;font-size:18px;margin-right:20px;min-width:50px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.container{flex:4;display:flex;align-items:flex-start;justify-items:center;padding:10px;flex-direction:column}.station-heading-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:20px}.station-detail-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.station-name{font-size:20px;font-family:Poppins-Regular;margin-bottom:5px;color:#000}.amount{display:block;margin:10px auto;font-family:Poppins-Medium;font-size:25px;border:.5px solid #ccc;padding:15px;width:200px;text-align:center}.spanContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%}.headerSection{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 16px}.icon-background{width:40px;height:40px;background-color:#13be32;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.header-icon{font-size:28px;color:#fff;font-weight:800}.header-icon:hover{font-size:30px;color:#fff;font-weight:800}.icon-background:hover{width:42px;height:42px;background-color:#13be32;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.sessionsDetails{background-color:#fff;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;flex-direction:column;padding:15px}.group-date-title{font-family:Poppins-Medium;font-size:18px;margin:24px 0;color:#333}.session-Heading{font-family:Poppins-Medium;text-align:center}.station-date{font-family:Poppins-Medium}p{margin:5px 0;font-family:Poppins-Regular}.id-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.tot-values{font-size:20px;font-family:Poppins-Medium}.no-history{text-align:center;color:#999;margin-top:30px;font-size:18px}.report-tabs{display:flex;gap:10px;margin:10px 0;flex-wrap:wrap}.report-tab{padding:8px 16px;border:1px solid #ccc;background-color:#fff;cursor:pointer;border-radius:20px;font-weight:700}.report-tab.active{background-color:#5c5a5a;color:#fff;border-color:#007bff}.report-summary{margin-bottom:20px;background:#f9f9f9;padding:12px 16px;border-radius:8px;display:flex;flex-direction:row}.show-history-btn{background-color:#13be32;color:#fff;border:none;padding:10px 16px;font-size:14px;font-family:Poppins-Medium;cursor:pointer;margin:20px auto;display:block;border-radius:5px}.show-history-btn:hover{background-color:#0056b3}.station-selector{padding:16px;margin:10px 0;background-color:#13be32;border-radius:8px;border:1px solid #e9ecef}.station-select-label{display:block;font-size:15px;color:#fff;margin-bottom:8px;font-family:Poppins-Bold}.station-select-dropdown{width:100%;padding:10px 12px;font-size:14px;border:2px solid #ddd;border-radius:6px;font-family:Poppins-Regular;background-color:#fff;color:#333;cursor:pointer;transition:border-color .2s ease}.station-select-dropdown:hover{border-color:#36d7b7}.station-select-dropdown:focus{outline:none;border-color:#36d7b7;box-shadow:0 0 0 3px #36d7b71a}.station-select-dropdown option{padding:8px;font-size:14px;font-family:Poppins-Regular}.tabs-container{display:flex;width:100%;gap:10px;margin:20px 0;overflow-x:auto;padding:8px}.tab-button{padding:12px 20px;border:2px solid #ddd;background:#fff;border-radius:25px;cursor:pointer;white-space:nowrap;font-size:14px;font-family:Poppins-Medium;font-weight:600;transition:all .3s ease;min-width:80px;text-align:center;color:#333;box-shadow:0 2px 4px #0000001a}.tab-button.active{background:#085d84;color:#fff;border-color:#085d84;transform:translateY(-2px);box-shadow:0 4px 8px #085d844d}.tab-button:hover:not(.active){background:#f0f8ff;border-color:#085d84;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.tab-button.active:hover{background:#074a68;transform:translateY(-2px);box-shadow:0 6px 12px #085d8466}.totals-container{width:100%;background:#f8f9fa;border-radius:12px;padding:20px;margin:20px 0;border:1px solid #e9ecef;box-shadow:0 4px 8px #0000001a}.totals-title{margin:0 0 16px;font-size:18px;font-family:Poppins-Bold;font-weight:700;color:#085d84;text-align:center;text-transform:uppercase;letter-spacing:.5px}.totals-grid{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap}.total-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;min-width:120px;flex:1;transition:transform .2s ease}.total-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.total-label{font-size:12px;color:#666;font-family:Poppins-Medium;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center}.total-value{font-size:18px;font-family:Poppins-Bold;font-weight:700;color:#13be32;text-align:center}@media only screen and (max-width: 768px){.tabs-container{gap:8px;padding:6px;margin:16px 0}.tab-button{padding:10px 16px;font-size:13px;min-width:70px}.totals-container{padding:16px;margin:16px 0}.totals-title{font-size:16px;margin-bottom:12px}.totals-grid{gap:12px}.total-item{padding:12px;min-width:100px}.total-value{font-size:16px}}@media only screen and (max-width: 480px){.tabs-container{gap:6px;padding:4px;overflow-x:scroll}.tab-button{padding:8px 12px;font-size:12px;min-width:60px}.totals-grid{flex-direction:column;gap:10px}.total-item{min-width:100%;padding:10px}.totals-title,.total-value{font-size:15px}}@media only screen and (max-width: 768px){.charging-history-container{padding:20px}.title{font-size:20px;font-weight:700;color:#fff;text-align:center;padding:15px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;width:50%;margin-bottom:20px}.history-card{flex-direction:row;padding:12px}.dateContainer{font-size:16px;padding:12px;margin-right:10px;min-width:40px}.container{padding:5px}.station-heading-container{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;padding:20px}.id-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.station-name,.tot-values{font-size:18px}.group-date-title{font-size:16px}.report-tab{font-size:13px;padding:6px 12px}.show-history-btn{font-size:13px;padding:8px 12px}.report-summary{margin-bottom:20px;background:#f9f9f9;padding:12px 16px;border-radius:8px;display:flex;flex-direction:row}}@media only screen and (max-width: 480px){.charging-history-container{padding:15px}.title{font-size:18px;font-weight:700;color:#fff;text-align:center;padding:18px;border-radius:10px;background:#085d84;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;width:50%;margin-bottom:20px}.history-card{flex-direction:row;flex-wrap:wrap;padding:10px}.dateContainer{font-size:14px;padding:10px;margin-right:8px;min-width:40px}.container{padding:5px}.station-name,.tot-values{font-size:16px}.group-date-title{font-size:14px}.report-tab{font-size:12px;padding:5px 10px}.show-history-btn{font-size:12px;padding:8px 10px}.report-summary{margin-bottom:20px;background:#f9f9f9;padding:12px 16px;border-radius:8px;display:flex;flex-direction:row}}