*{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")}.dashboard-container{display:flex;background-color:#fff;flex-direction:row;width:100%;overflow:hidden}.dashboard{display:flex;flex-direction:column;height:100vh}.dashboard-container h2{font-family:Poppins-Medium}.menu-icon-toggle{display:none;font-size:24px;cursor:pointer}.sidebar{display:flex;width:20%;height:100%;flex-shrink:0;overflow-y:auto;flex-direction:column;background-color:#fff;box-shadow:2px 0 5px #0000001a;z-index:5;transition:transform .3s ease}.main-container{display:flex;width:80%;background-color:#f5f5f5;flex-direction:row;height:100%;overflow-y:auto}.main{display:flex;flex-direction:column;width:100%;overflow:hidden}.main-content{display:flex;width:100%;padding:20px;box-sizing:border-box;overflow-y:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:18px;height:10vh;width:100%;flex-shrink:0;position:relative;z-index:5;box-shadow:0 4px 6px #0000001a}.logo{height:45px;width:150px;object-fit:contain}.profile-img{display:flex;align-items:center;gap:8px}.profile-img:hover{opacity:.8}.desktop-profile{display:flex;align-items:center;gap:8px}.mobile-menu-container{display:none;align-items:center}.mobile-menu-icon{font-size:35px;cursor:pointer;color:#085d84;padding:8px}.first-name,.last-name{font-family:Quicksand,sans-serif;font-weight:700;color:#085d84}.profile-img .avatar{background-color:#085d84;color:#fff}.menu-icon{background-color:#13be32;padding:8px;border-radius:50%;font-size:35px;color:#fff;display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;margin-right:5px;box-shadow:0 2px 6px #00000026}.logo-container{display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding-left:25px}.list-container{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:15px 0}.list-container ul{width:80%;display:flex;flex-direction:column;align-items:center;padding:0}.list-container ul li{list-style:none;width:100%;display:flex;justify-content:center}.list-container ul li a{display:flex;align-items:center;text-decoration:none;color:#085d84;font-size:16px;font-family:Quicksand,sans-serif;font-weight:700;padding:15px;border-radius:30px;transition:background .3s ease-in-out;width:100%;max-width:350px;gap:18px}.list-container ul li a.active{display:flex;align-items:center;text-decoration:none;color:#fff;font-size:16px;font-family:Quicksand,sans-serif;font-weight:700;padding:15px;border-radius:30px;transition:all .3s ease-in-out;width:100%;max-width:350px;gap:18px;background-color:#085d84;box-shadow:0 2px 5px #0003;position:relative;overflow:hidden}.mobile-menu-name{font-family:Quicksand,sans-serif;font-weight:700;color:#085d84;font-size:16px}.mobile-menu-email{font-family:Quicksand,sans-serif;font-size:12px}.mobile-menu-icon-container{background-color:#13be32;padding:8px;border-radius:50%;font-size:14px;color:#fff;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;box-shadow:0 2px 6px #00000026}.mobile-user-profile{display:none}.user-profile-container{display:flex;align-items:center;padding:20px;gap:15px;background-color:#fff}.mobile-user-profile .user-profile-container .sidebar-avatar{background-color:#085d84;color:#fff;width:50px;height:50px;font-size:20px}.user-info{flex:1}.user-name-row{display:flex;gap:8px;align-items:center}.sidebar-first-name,.sidebar-last-name{font-family:Quicksand,sans-serif;font-weight:700;color:#085d84;font-size:16px;margin:0;line-height:1.2}.sidebar-email{font-family:Quicksand,sans-serif;font-size:12px;color:#666;margin:4px 0 0}.mobile-logout{display:none}.drawer-header{display:none;justify-content:space-between;padding:15px 20px 10px;background-color:#fff;border-bottom:1px solid #e0e0e0}.cancel-button{background:none;width:40px;height:40px;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.cancel-button:hover{background-color:#f5f5f5}.cancel-icon{font-size:18px;color:#666}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:998;display:block;opacity:1;transition:opacity .3s ease}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 768px){.dashboard .dashboard-container .sidebar{position:fixed;top:0;left:-100%;width:280px;min-width:280px;max-width:320px;height:100vh;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 15px #0003;z-index:999;transition:left .3s cubic-bezier(.4,0,.2,1);transform:none}.dashboard .dashboard-container .sidebar.open{left:0;transform:none}.dashboard .dashboard-container .sidebar .drawer-header{display:flex}.dashboard .dashboard-container .sidebar .mobile-user-profile{display:block}.dashboard .dashboard-container .main-container{width:100%;margin-left:0}.dashboard .header .desktop-profile{display:none}.dashboard .header .mobile-menu-container{display:flex}.dashboard .header .menu-icon-toggle{display:block;margin-right:10px}.dashboard .header .logo{width:120px;height:50px}.dashboard .header .first-name,.dashboard .header .last-name{font-size:12px}.dashboard .header .avatar{font-size:12px;padding:6px}.dashboard .dashboard-container .sidebar .mobile-logout{display:flex;padding:16px;align-items:center;justify-content:flex-start;border-top:1px solid #e0e0e0;background-color:#fffffff2;margin-top:auto}.dashboard .dashboard-container .sidebar .mobile-logout .logout-button{width:100%;display:flex;align-items:center;background:none;border:none;color:#085d84;font-size:16px;font-family:Quicksand,sans-serif;font-weight:700;cursor:pointer;padding:10px;border-radius:5px;transition:background-color .2s ease;gap:18px}.dashboard .dashboard-container .sidebar .mobile-logout .logout-button:hover{background-color:#f5f5f5cc}.dashboard .dashboard-container .sidebar .mobile-logout .logout-button .menu-icon{margin-right:0;background-color:#d32f2f;font-size:16px;min-width:28px;min-height:28px}.dashboard .dashboard-container .main .main-content{padding:12px;margin:10px 0}.dashboard .dashboard-container .sidebar .list-container{padding:10px 0}.dashboard .dashboard-container .sidebar .list-container ul{width:90%}.dashboard .dashboard-container .sidebar .list-container ul li a{font-size:14px;padding:12px;max-width:250px}.dashboard .dashboard-container .sidebar .list-container ul li a .menu-icon{font-size:16px;min-width:24px;min-height:24px;padding:6px}.header{display:flex;align-items:center;justify-content:space-between;padding:18px;height:7vh;width:100%;flex-shrink:0;position:relative;z-index:5;box-shadow:0 4px 6px #0000001a}}@media (max-width: 480px){.dashboard .dashboard-container .sidebar{width:300px;min-width:300px;max-width:320px;left:-100%}.dashboard .dashboard-container .sidebar.open{left:0}}@media (min-width: 769px){.dashboard .dashboard-container .sidebar-backdrop,.dashboard .dashboard-container .sidebar .mobile-logout,.dashboard .dashboard-container .sidebar .drawer-header{display:none}}.sidebar,.sidebar-backdrop{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.dashboard .dashboard-container .sidebar .user-profile-container{padding:15px 20px}.dashboard .dashboard-container .sidebar .sidebar-avatar{width:45px;height:45px;font-size:18px}.dashboard .dashboard-container .sidebar .sidebar-first-name,.dashboard .dashboard-container .sidebar .sidebar-last-name{font-size:14px}.dashboard .dashboard-container .sidebar .sidebar-email{font-size:11px}}.otp-login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f0f1f4}.otp-login-card{display:flex;width:85%;height:90vh;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden}.otp-login-left{width:50%;padding:40px;display:flex;flex-direction:column;align-items:center;background:#fff;justify-content:center}.otp-login-header{text-align:center;margin-bottom:20px}.otp-logo-img{width:200px;margin:20px 0}.otp-welcome-text{font-size:22px;font-family:Poppins-Regular;color:#69aaa1}.otp-welcome{font-size:28px;font-family:Poppins-Medium;color:#333;margin-bottom:30px}.phone-text{font-family:Poppins-Regular;position:absolute;left:50px;top:50%;transform:translateY(-50%);color:#666;z-index:1;font-weight:500}.otp-login-form{width:100%;max-width:500px;margin:20px 0;transition:all .3s ease}.otp-input-group{position:relative;display:flex;align-items:center;background:#f5f5f5;border-radius:8px;padding:15px;margin-bottom:15px}.otp-input-icon{position:absolute;left:25px;top:50%;transform:translateY(-50%);font-size:18px;color:#085d84;z-index:1}.otp-login-input{width:100%;border:none;background:transparent;font-size:16px;outline:none;padding:5px 10px 5px 45px;font-family:Poppins-Regular}.otp-input-group .otp-login-input[placeholder*=Mobile]{padding-left:75px}.otp-input{text-align:center!important;letter-spacing:.3rem;font-size:1.2rem;font-weight:700;padding-left:45px!important}.otp-mobile-display{margin-bottom:1rem;text-align:center;background:#e8f4f8;padding:12px;border-radius:8px}.otp-sent-text{color:#333;font-size:.95rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Poppins-Regular}.edit-mobile-btn{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:.85rem;padding:0;margin-left:.5rem;font-family:Poppins-Regular}.edit-mobile-btn:hover{color:#0056b3}.edit-mobile-btn:disabled{opacity:.6;cursor:not-allowed}.otp-login-button{width:100%;padding:15px;font-size:16px;font-weight:700;font-family:Poppins-Medium;color:#fff;background:#085d84;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease-in-out;margin-top:30px}.otp-login-button.disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.otp-login-button:hover:not(.disabled){background:#0056b3}.otp-resend-section{margin-top:1.5rem;text-align:center}.resend-timer{color:#666;font-size:.9rem;margin:0;font-family:Poppins-Regular;background:#f8f9fa;padding:10px;border-radius:6px;display:inline-block}.resend-otp-button{background:none;border:2px solid #085D84;color:#085d84;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;font-family:Poppins-Medium;transition:all .3s ease;min-width:120px}.resend-otp-button:hover:not(:disabled){background-color:#085d84;color:#fff}.resend-otp-button:disabled{opacity:.6;cursor:not-allowed;background:none;color:#085d84}.otp-login-right{width:50%;background:#a4d2c3;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center;color:#fff}.otp-EV-text{font-size:25px;font-family:Poppins-Medium;margin-bottom:20px}.otp-logo2-img{width:100%;height:80%}.otp-mobile-logo{display:none}.otp-login-button:disabled{cursor:not-allowed;opacity:.7}.otp-login-button:disabled:hover{background:#ccc}.otp-login-input:focus{background:#fff;box-shadow:0 0 0 2px #085d84;border-radius:4px}.otp-login-form>*{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.otp-login-card{flex-direction:column;width:90%;height:auto;min-height:90vh}.otp-login-left,.otp-login-right{width:100%;padding:20px}.otp-login-right{background:linear-gradient(to right,#007bff,#00c6ff)}.otp-desktop-logo{display:none}.otp-mobile-logo{display:block}.otp-welcome{font-size:24px;margin-bottom:20px}.otp-welcome-text{font-size:18px}.otp-logo-img{width:150px;margin:15px 0}.phone-text{left:45px}.otp-input-group .otp-login-input[placeholder*=Mobile]{padding-left:80px}.otp-mobile-display{padding:10px}.otp-sent-text{font-size:.85rem;flex-direction:column;gap:.3rem}.edit-mobile-btn{margin-left:0;margin-top:.3rem}}@media (max-width: 480px){.otp-login-container{padding:10px}.otp-login-card{width:100%;height:auto}.otp-login-left{padding:20px 15px}.otp-logo-img{width:120px}.otp-welcome{font-size:22px}.otp-welcome-text{font-size:16px}.otp-login-form{max-width:100%}.otp-input-group{padding:12px}.phone-text{left:40px;font-size:14px}.otp-input-group .otp-login-input[placeholder*=Mobile]{padding-left:75px}.otp-login-input{font-size:14px}.otp-login-button{padding:12px;font-size:14px}}.cms-container{max-width:1200px;margin:0 auto;width:100%;padding:1rem;font-family:Quicksand,sans-serif;background:#f8fafc;min-height:100vh}.cms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.cms-title{font-size:1.5rem;font-family:Quicksand,sans-serif;font-weight:700;color:#085d84;margin:0}.refresh-button{background:#13be32;color:#fff;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-size:1rem}.refresh-button:hover{background:#085d84;transform:translateY(-2px)}.refresh-button.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-section{margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:#fff;border-radius:.8rem;padding:1.2rem;display:flex;flex-direction:row;gap:20px;box-shadow:0 2px 2px 2px #0000001a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;width:240px;height:100px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{width:2.7rem;height:2.7rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:1rem;background-color:#085d84}.stat-content{display:flex;flex-direction:column;gap:.4rem}.stat-value{font-size:1.5rem;color:#085d84;display:flex;align-items:baseline;gap:.25rem;font-family:Quicksand,sans-serif;font-weight:700}.stat-unit{font-size:.875rem;color:#64748b;font-weight:500}.stat-label{font-size:.7rem;color:#13be32;font-family:Quicksand,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-trend{font-size:.75rem;color:#059669;font-weight:600;margin-top:.25rem}.stations-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 2px 2px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-title{font-size:1.3rem;font-family:Quicksand,sans-serif;font-weight:700;color:#085d84;margin:0}.section-actions{display:flex;gap:1rem;align-items:center}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#64748b;font-size:.875rem}.search-box input{padding:.5rem .75rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;width:200px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.stations-container{padding-right:.5rem}.stations-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%}.modern-station-card{background:#fff;width:100%;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.modern-station-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#3b82f6}.station-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.station-title-section{flex:1}.modern-station-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.station-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.location-icon{color:#10b981;font-size:.875rem}.modern-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1.5rem;font-size:.875rem;font-weight:600;text-transform:capitalize;border:2px solid transparent}.modern-status-badge.available{background:#13be32;color:#fff;border-color:#bbf7d0}.modern-status-badge.in-use{background:red;color:#fff;border-color:#fde68a}.modern-status-badge.offline{background:#6b7280;color:#fff;border-color:#d1d5db}.station-metrics{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.metric-row{display:flex;align-items:center;gap:2rem}.metric-item{display:flex;align-items:center;gap:.5rem}.metric-icon{font-size:1rem}.metric-icon.power{color:#f59e0b}.metric-icon.connector{color:#10b981}.metric-value{font-size:.875rem;font-weight:600;color:#374151}.metric-text,.time-icon{font-size:.875rem;color:#6b7280}.energy-section{background:#f9fafb;border-radius:.75rem;padding:1rem;width:100%;border:1px solid #e5e7eb}.energy-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.energy-icon{font-size:1.125rem}.energy-value{font-size:.875rem;font-weight:600;color:#374151;flex:1}.energy-percentage{font-size:.875rem;font-weight:600;color:#10b981;background:#dcfce7;padding:.25rem .5rem;border-radius:.375rem}.energy-progress{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.energy-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.view-details-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#13be32;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background:#059669;transform:translateY(-1px)}.btn-arrow{font-size:.875rem;transition:transform .3s ease}.view-details-btn:hover .btn-arrow{transform:translate(2px)}.state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#64748b}.spinner{width:2rem;height:2rem;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-icon{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.state-message.error{color:#dc2626}.state-message.empty small{color:#9ca3af;font-size:.75rem;margin-top:.5rem}@media (max-width: 768px){.cms-container{padding:.75rem}.cms-title{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.section-header{flex-direction:column;align-items:stretch}.section-actions{flex-direction:column;gap:.75rem}.search-box input{width:100%}.stations-list{grid-template-columns:1fr}.modern-station-card{padding:1rem}.station-card-header{flex-direction:column;gap:1rem}.modern-status-badge{align-self:flex-start}.metric-row{flex-direction:column;gap:.75rem;align-items:flex-start}.energy-section{padding:.75rem}}@media (max-width: 480px){.cms-container{padding:.5rem}.stats-grid,.stations-list{grid-template-columns:1fr}.modern-station-card{padding:1rem}.modern-station-name{font-size:1.125rem}.metric-row{gap:.5rem}.energy-header{flex-wrap:wrap;gap:.5rem}}.chargers-container{display:flex;flex-direction:column;height:80vh;max-height:100vh;overflow:hidden;width:100%;max-width:1200px;margin:0 auto}.chargers-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:2px solid #e0e0e0;margin-bottom:20px;position:relative;z-index:10;flex-shrink:0;width:100%;box-sizing:border-box}.chargers-title{font-size:26px;color:#085d84;margin:0;font-family:Quicksand,sans-serif;font-weight:700}.add-charger-icon{font-size:24px;color:#13be32;cursor:pointer;padding:8px 12px;border:2px solid #13BE32;border-radius:50%;transition:all .3s ease;background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-family:Quicksand,sans-serif;font-weight:700}.add-charger-icon:hover{background-color:#13be32;color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #00000026}.chargers-content{flex:1;overflow-y:auto;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:#13BE32 #f1f1f1;width:100%;box-sizing:border-box}.chargers-content::-webkit-scrollbar{width:8px}.chargers-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chargers-content::-webkit-scrollbar-thumb{background:#13be32;border-radius:10px;transition:background .3s ease}.chargers-content::-webkit-scrollbar-thumb:hover{background:#0fa029}.loading-message,.error-message,.no-stations-message{text-align:center;padding:40px 20px;font-family:Quicksand,sans-serif;font-weight:500;font-size:16px;margin:20px 0;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;border:2px solid #f0f0f0;min-height:120px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box}.loading-message{color:#085d84;border-color:#085d84;background:linear-gradient(135deg,#f8f9ff,#e8f4fd)}.error-message{color:#dc3545;border-color:#dc3545;background:linear-gradient(135deg,#fff8f8,#ffeaea)}.no-stations-message{color:#666;border-color:#ddd;background:linear-gradient(135deg,#f9f9f9,#f0f0f0)}.loading-message:before{content:"⏳";font-size:24px;margin-right:10px}.error-message:before{content:"⚠️";font-size:24px;margin-right:10px}.no-stations-message:before{content:"📍";font-size:24px;margin-right:10px}.stations-card{display:flex;flex-direction:column;gap:20px;padding:0;height:auto;width:100%;box-sizing:border-box}.station-card-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 8px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;width:100%;box-sizing:border-box}.station-card-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.card-top-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;position:relative}.status-indicator{position:absolute}.status-badge{padding:6px 12px;border-radius:5px;font-size:12px;font-weight:700;color:#fff;font-family:Poppins-Medium,sans-serif;text-transform:uppercase;letter-spacing:.5px}.status-badge.offline{background-color:gray}.status-badge.available{background-color:#13be32}.status-badge.charging{background-color:red;color:#212529}.edit-section{position:absolute;top:-10px;right:-10px}.edit-icon{cursor:pointer;color:#13be32;font-size:2.5rem;transition:transform .2s ease,color .2s ease;background:#fff;padding:8px;border-radius:20%;box-shadow:0 2px 4px #0003;margin-right:20px}.edit-icon:hover{transform:scale(1.1);color:#0056b3;box-shadow:0 4px 8px #00000026}.delete-icon{cursor:pointer;color:red;font-size:2.5rem;transition:transform .2s ease,color .2s ease;background:#fff;padding:8px;border-radius:20%;box-shadow:0 2px 4px #0003}.delete-icon:hover{transform:scale(1.1);color:#0056b3;box-shadow:0 4px 8px #00000026}.station-header{display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:2px solid #ddd;padding-bottom:15px;margin-bottom:20px}.station-name{font-size:22px;color:#085d84;margin-bottom:8px;font-family:Quicksand,sans-serif;font-weight:800}.station-address{font-size:14px;color:#5b5757;font-family:Quicksand,sans-serif;font-weight:500;margin:0}.station-details{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between}.detail-box{flex:1;min-width:180px;background:#f5f5f5;padding:12px;border-radius:8px;overflow-wrap:break-word}.detail-box strong{display:block;font-size:14px;color:#333;padding-bottom:8px;font-family:Quicksand,sans-serif;font-weight:600}.detail-box span{font-size:12px;color:#13be32;font-family:Quicksand,sans-serif;font-weight:500}@media (max-width: 768px){.chargers-container{height:100vh;max-width:100%;margin:0}.chargers-header{padding:15px}.chargers-title{font-size:22px}.add-charger-icon{font-size:18px;padding:10px}.station-details{flex-direction:column}.detail-box{min-width:100%}.chargers-content{padding:0 15px 15px}.loading-message,.error-message,.no-stations-message{padding:30px 15px;margin:15px 0;font-size:14px;min-height:100px}}.station-container{display:flex;flex-direction:column;gap:15px;width:100%}.charging-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:700px;margin:30px auto 15px;padding:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px}.headerCon{display:flex;justify-content:flex-start;flex-direction:row;gap:15px}.device-title{font-family:Quicksand,sans-serif;font-weight:600;color:#085d84}.icon-background{background-color:#13be32;color:#fff;width:30px;height:30px;border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600}.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:Quicksand,sans-serif;font-weight:600}.detail-box span{font-size:14px;color:#13be32;font-family:Quicksand,sans-serif;font-weight:500}.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:Quicksand,sans-serif;font-weight:500}.label{font-family:Quicksand,sans-serif;font-weight:600;font-size:14px}.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:Quicksand,sans-serif;font-weight:500}.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:Quicksand,sans-serif;font-weight:700;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:Quicksand,sans-serif;font-weight:500;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:Quicksand,sans-serif;font-weight:500}.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}.main{width:100%;height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:0}.container-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 20px;margin-bottom:10px}.back-btn,.refresh-btn{background:#085d84;border:none;border-radius:8px;padding:10px;color:#fff;cursor:pointer;font-size:20px}.back-btn:hover,.refresh-btn:hover{background:#0a6b96}.wallet-balance{background:#13be32;font-weight:700;font-family:Quicksand,sans-serif;color:#fff;padding:20px;border-radius:12px;width:500px;max-width:90%;margin:15px auto;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.balance-label{font-size:14px;font-weight:700;font-family:Quicksand,sans-serif}.balance-amount{font-size:24px;font-weight:700}.transactions-container{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:25px;margin:0 20px 20px;overflow-y:auto;min-height:0}.transactions-container::-webkit-scrollbar{width:6px}.transactions-container::-webkit-scrollbar-track{background:#f1f1f1}.transactions-container::-webkit-scrollbar-thumb{background:#085d84;border-radius:3px}.date-title{font-size:18px;font-weight:700;font-family:Quicksand,sans-serif;color:#085d84;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e9ecef}.transaction-card{background:#fff;border-radius:8px;padding:15px;margin-bottom:20px;border-left:4px solid #085D84;box-shadow:0 4px 8px #0000001a}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.transaction-date{font-size:14px;color:#333;font-weight:700;font-family:Quicksand,sans-serif}.transaction-amount{font-size:16px;font-weight:700;font-family:Quicksand,sans-serif}.transaction-amount.debit{color:#dc3545}.transaction-amount.credit{color:#28a745}.transaction-desc{font-size:14px;margin:10px 0;font-weight:700;font-family:Quicksand,sans-serif}.transaction-desc.debit{color:#dc3545}.transaction-desc.credit{color:#28a745}.transaction-id{font-size:12px;color:#333;margin:0;font-weight:500;font-family:Quicksand,sans-serif}@media (max-width: 768px){.main{height:90vh}.container-header{padding:0 15px}.title{font-size:20px}.wallet-balance{flex-direction:column;text-align:center;gap:10px;width:90%}.balance-amount{font-size:20px}.transactions-container{margin:0 15px 15px}.transaction-header{flex-direction:column;align-items:flex-start;gap:5px}.transaction-amount{font-size:14px}.transactions-container{padding:15px}}@media (max-width: 480px){.main{height:90vh}.container-header{padding:0 10px}.title{font-size:18px}.transactions-container{padding:15px;margin:0 10px 10px}.transaction-card{padding:12px}}.main{width:100%;height:90vh;display:flex;flex-direction:column;overflow:hidden}.container-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:0 20px;margin-bottom:10px;position:relative;z-index:100}.refresh-btn{background:#13be32;border:none;border-radius:8px;padding:10px;color:#fff;cursor:pointer;font-size:20px;transition:background-color .2s ease}.refresh-btn:hover{background:#0a6b96}.title{font-size:24px;color:#085d84;font-weight:700;font-family:Quicksand,sans-serif;margin:0}.bookings-container{flex:1;background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:25px;margin:0 20px 20px;overflow-y:auto;position:relative;z-index:1}.bookings-container::-webkit-scrollbar{width:6px}.bookings-container::-webkit-scrollbar-thumb{background:#085d84;border-radius:3px}.loader{display:flex;justify-content:center;padding:40px}.message{text-align:center;color:#666;font-size:16px;padding:40px}.date-group{margin-bottom:30px}.date-title{font-size:18px;font-weight:700;font-family:Quicksand,sans-serif;color:#085d84;margin-bottom:15px;border-bottom:1px solid #e9ecef;padding-bottom:8px}.booking-card{background:#fff;display:flex;justify-content:space-between;border-radius:8px;padding:15px;margin-bottom:20px;border-left:4px solid #085D84;box-shadow:0 4px 8px #0000001a}.booking-section{margin-bottom:8px}.booking-label{font-size:12px;color:#666;font-weight:600;font-family:Quicksand,sans-serif}.booking-value{font-size:16px;color:#333;font-weight:700;font-family:Quicksand,sans-serif}.booking-date{font-size:12px;color:#999;margin-top:5px}.header-controls{display:flex;align-items:center;gap:12px;position:relative;z-index:200}.filter-dropdown-container{position:relative}.filter-dropdown-btn{background:#085d84;border:none;border-radius:8px;padding:10px 16px;color:#fff;cursor:pointer;font-size:14px;font-family:Quicksand,sans-serif;font-weight:600;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:space-between;transition:background-color .2s ease;white-space:nowrap}.filter-dropdown-btn:hover{background:#0a6b96}.dropdown-arrow{font-size:18px;transition:transform .2s ease;flex-shrink:0;color:#fff}.dropdown-arrow.rotated{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:320px;max-width:400px;overflow:hidden}.filter-option{padding:14px 18px;cursor:pointer;font-size:14px;font-family:Quicksand,sans-serif;color:#333;transition:background-color .2s ease;border-bottom:1px solid #f8f9fa;-webkit-user-select:none;user-select:none}.filter-option:hover{background:#f8f9fa}.filter-option.active{background:#085d84;color:#fff}.filter-option:last-of-type{border-bottom:none}.filter-option-divider{height:1px;background:#e9ecef;margin:0}.custom-date-section{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.custom-date-title{font-size:15px;font-weight:600;color:#085d84;margin-bottom:15px;font-family:Quicksand,sans-serif}.date-inputs{display:flex;gap:12px;margin-bottom:16px}.date-input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:Quicksand,sans-serif;color:#333;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;min-width:0}.date-input:focus{outline:none;border-color:#085d84;box-shadow:0 0 0 3px #085d841a}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;color:#085d84;opacity:.7}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.apply-custom-btn{width:100%;padding:10px 16px;background:#085d84;color:#fff;border:none;border-radius:6px;font-size:14px;font-family:Quicksand,sans-serif;font-weight:600;cursor:pointer;transition:background-color .2s ease}.apply-custom-btn:hover:not(:disabled){background:#0a6b96}.apply-custom-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.station-dropdown-container{position:relative;margin-right:10px}.station-dropdown-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-family:Poppins-Regular;color:#333;min-width:180px;justify-content:space-between;transition:all .2s ease}.station-dropdown-btn .dropdown-arrow{color:#333}.station-dropdown-btn:hover{border-color:#085d84;box-shadow:0 2px 4px #0000001a}.station-dropdown-btn:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.station-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;font-family:Poppins-Regular;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;max-height:200px;overflow-y:auto}.station-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;font-size:14px}.station-option:last-child{border-bottom:none}.station-option:hover{background-color:#f8f9fa}.station-option.active{background-color:#085d84;color:#fff}.station-option.active:hover{background-color:#074a6b}.header-controls{display:flex;align-items:center;gap:10px}.filter-dropdown-container.open{z-index:999}.station-dropdown-container.open{z-index:1001}@media (max-width: 1024px){.filter-dropdown-menu{right:0;left:auto;min-width:300px}}@media (max-width: 768px){.title{font-size:20px}.bookings-container{margin:0 15px 15px;padding:15px}.header-controls{gap:8px}.filter-dropdown-btn{padding:8px 12px;font-size:13px;min-width:140px}.filter-dropdown-menu{right:0;left:auto;min-width:280px;max-width:calc(100vw - 40px)}.date-inputs{flex-direction:column;gap:12px}.date-input{width:100%}}@media (max-width: 600px){.container-header{flex-direction:column;align-items:center;gap:15px;padding:0 15px}.header-controls{width:100%;justify-content:space-between}.filter-dropdown-btn{flex:1;min-width:140px;max-width:calc(100% - 60px)}.filter-dropdown-menu{left:0;right:0;min-width:auto;max-width:none;width:calc(100vw - 30px)}.custom-date-section{padding:16px}}@media (max-width: 480px){.title{font-size:18px}.bookings-container{margin:0 10px 10px;padding:12px}.booking-card{padding:12px;flex-direction:column;gap:8px}.filter-dropdown-btn{font-size:12px;padding:8px 10px}.filter-dropdown-menu{font-size:13px}.date-input{padding:8px 10px;font-size:13px}}.filter-dropdown-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:999;display:none}.filter-dropdown-container.open:before{display:block}.filter-dropdown-menu{opacity:0;transform:translateY(-10px);animation:dropdownFadeIn .2s ease forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main *{box-sizing:border-box}.date-input::-webkit-datetime-edit-fields-wrapper{padding:0}.date-input::-webkit-datetime-edit-text{color:#333;padding:0 1px}.date-input::-webkit-datetime-edit-month-field,.date-input::-webkit-datetime-edit-day-field,.date-input::-webkit-datetime-edit-year-field{color:#333}.date-input::-webkit-clear-button{display:none}.date-input::-webkit-inner-spin-button{display:none}.profile-form{max-width:800px;height:100%;width:100%;background-color:#fff;border-radius:12px;box-shadow:0 0 12px #0000001a;display:flex;margin:auto;flex-direction:column;overflow:hidden}.profile-avatar-section{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.profile-avatar{width:60px!important;height:60px!important;background-color:#085d84!important;color:#fff!important;font-size:24px!important;font-family:Poppins-Medium!important}.profile-name-section{display:flex;flex-direction:column}.profile-name{font-family:Poppins-Medium!important;color:#085d84!important;margin-bottom:5px!important}.profile-subtitle{color:#666!important;font-family:Poppins-Regular!important}.edit-button{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;transition:all .3s ease!important}.edit-button:hover{background-color:#085d84!important;color:#fff!important}.edit-actions{display:flex;gap:10px}.cancel-button{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;color:#6c757d!important}.cancel-button:hover{background-color:#dc3545!important;color:#fff!important}.profile-details{display:grid;gap:25px;margin-bottom:30px}.detail-item{padding:10px 0;margin-left:20px}.detail-label{color:#333!important;font-family:Poppins-Regular!important;font-size:14px!important;margin-bottom:8px!important;text-transform:uppercase;letter-spacing:.5px;display:block}.detail-value{color:#333!important;font-family:Quicksand,sans-serif!important;font-size:16px!important;font-weight:700;padding:10px 0;border-bottom:1px solid #e9ecef;min-height:20px}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #ddd;background-color:#fff;position:sticky;top:0;z-index:10}.form-scroll-content{flex:1;overflow-y:auto;padding:30px 30px 100px}.profile-heading{margin-bottom:24px;text-align:left;font-family:Poppins-Medium!important;color:#085d84!important}.profile-input{width:80%!important;margin:30px auto!important;display:block!important}.profile-input label{font-family:Poppins-Regular!important}.profile-button{background-color:#13be32!important;color:#fff!important;padding:12px!important;font-family:Poppins-Medium!important;width:80%!important;margin:30px auto!important;display:block!important}.profile-button.disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;pointer-events:none}@media (max-width: 768px){.profile-container{margin:10px;padding:10px}.profile-card-content{padding:20px!important}.profile-header{flex-direction:column;align-items:flex-start;gap:15px}.profile-avatar-section{width:100%}.edit-actions{width:100%;justify-content:flex-end}}.charging-history-container{width:100%;padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.headerCon{text-align:center;margin-bottom:20px}.title{font-size:25px;font-weight:700;color:#085d84;text-align:center;padding:15px;border-radius:10px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px;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}.loading-overlay{position:absolute;top:220px;left:25%;right:0;bottom:0;background:#f8fafcf2;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader-container{text-align:center;background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 25px #0000001a}.loading-text{margin-top:16px;color:#64748b;font-weight:500}.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-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-around;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}@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-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}}.stations-usage-main{width:100%;padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.stations-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stations-usage-title{font-size:28px;color:#085d84;margin:0;font-family:Quicksand,sans-serif;font-weight:700}.stations-usage-refresh-btn{background-color:#085d84;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:20px;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.stations-usage-refresh-btn:hover{background-color:#064a6b}.stations-usage-period-tabs{display:flex;gap:8px;margin-bottom:24px;background-color:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.stations-usage-period-tab{padding:12px 24px;border:2px solid #e9ecef;background-color:#fff;color:#6c757d;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;font-family:Quicksand,sans-serif;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.stations-usage-period-tab:hover{border-color:#085d84;color:#085d84;background-color:#f8f9fa}.stations-usage-period-tab.active{background-color:#085d84;color:#fff;border-color:#085d84}.stations-usage-period-tab:focus{outline:2px solid #085D84;outline-offset:2px}.stations-usage-loader{display:flex;justify-content:center;align-items:center;height:200px;background-color:#fff;border-radius:12px;margin-top:20px}.stations-usage-message{text-align:center;padding:40px;background-color:#fff;border-radius:12px;margin-top:20px;color:#6c757d;font-size:18px}.stations-usage-chart-container{padding:20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000001a}.stations-usage-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stations-usage-summary-card{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;transition:transform .3s ease,box-shadow .3s ease}.stations-usage-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stations-usage-card-content{display:flex;justify-content:space-between;align-items:center}.stations-usage-card-info{flex:1}.stations-usage-card-label{margin:0 0 8px;font-size:14px;color:#085d84;font-family:Quicksand,sans-serif;font-weight:700}.stations-usage-card-value{margin:0;font-size:28px;font-weight:700}.stations-usage-card-value.earnings{color:#28a745}.stations-usage-card-value.bookings{color:#085d84}.stations-usage-card-value.chargetime{color:#6f42c1}.stations-usage-card-value.power,.stations-usage-card-value.today{color:#ff6b35}.stations-usage-card-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;margin-left:16px}.stations-usage-card-icon.earnings{background-color:#e8f5e8;color:#28a745}.stations-usage-card-icon.bookings{background-color:#e3f2fd;color:#085d84}.stations-usage-card-icon.chargetime{background-color:#f3e5f5;color:#6f42c1}.stations-usage-card-icon.power,.stations-usage-card-icon.today{background-color:#fff3e0;color:#ff6b35}.stations-usage-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.stations-usage-chart-section{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef}.stations-usage-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f3f4}.stations-usage-chart-title{margin:0;font-size:18px;font-family:Quicksand,sans-serif;font-weight:700;color:#085d84}.stations-usage-chart-subtitle{font-size:12px;font-family:Quicksand,sans-serif;font-weight:700;color:#6c757d;background-color:#f8f9fa;padding:4px 8px;border-radius:16px}.stations-usage-chart-wrapper{height:280px;margin-bottom:16px}.stations-usage-daily-breakdown{margin-top:32px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.stations-usage-day-card{text-align:center;padding:16px 12px;background-color:#fff;border-radius:12px;border:1px solid #e9ecef;transition:all .3s ease}.stations-usage-day-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stations-usage-day-card.today{border:2px solid #085D84;background-color:#e3f2fd}.stations-usage-day-name{font-size:13px;font-weight:600;color:#6c757d;margin-bottom:4px;text-transform:uppercase}.stations-usage-day-date{font-size:11px;color:#6c757d;margin-bottom:12px}.stations-usage-day-earnings{font-size:14px;font-weight:700;color:#28a745;margin-bottom:4px}.stations-usage-day-bookings{font-size:12px;color:#085d84;font-weight:500;margin-bottom:4px}.stations-usage-day-chargetime{font-size:11px;color:#6f42c1;font-weight:500;margin-bottom:4px}.stations-usage-day-power{font-size:11px;color:#ff6b35;font-weight:500}@media (max-width: 1200px){.stations-usage-charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.stations-usage-main{padding:16px}.stations-usage-header{flex-direction:column;gap:16px;text-align:center}.stations-usage-title{font-size:24px}.stations-usage-period-tabs{padding:12px;gap:6px}.stations-usage-period-tab{padding:10px 16px;font-size:12px}.stations-usage-summary-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stations-usage-charts-grid{grid-template-columns:1fr;gap:16px}.stations-usage-chart-section{padding:16px}.stations-usage-chart-header{flex-direction:column;gap:8px;text-align:center}.stations-usage-chart-title{font-size:16px}.stations-usage-chart-wrapper{height:240px}.stations-usage-daily-breakdown{grid-template-columns:repeat(4,1fr);gap:8px}.stations-usage-day-card{padding:12px 8px}.stations-usage-day-earnings{font-size:12px}.stations-usage-day-bookings{font-size:11px}.stations-usage-day-chargetime,.stations-usage-day-power{font-size:10px}}@media (max-width: 480px){.stations-usage-period-tabs{padding:8px;gap:4px}.stations-usage-period-tab{padding:8px 12px;font-size:11px}.stations-usage-daily-breakdown{grid-template-columns:repeat(2,1fr)}.stations-usage-card-content{flex-direction:column;text-align:center;gap:16px}.stations-usage-card-icon{margin-left:0;width:48px;height:48px;font-size:24px}.stations-usage-card-value{font-size:24px}}.stations-usage-tooltip{background-color:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;padding:12px!important}.stations-usage-tooltip-title{font-weight:700!important;color:#333!important;margin:0 0 8px!important}.stations-usage-tooltip-earnings{color:#28a745!important;margin:0!important}.stations-usage-tooltip-bookings{color:#085d84!important;margin:0!important}.stations-usage-tooltip-chargetime{color:#6f42c1!important;margin:0!important}.stations-usage-tooltip-power{color:#ff6b35!important;margin:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stations-usage-chart-container{animation:fadeIn .5s ease-in-out}*{transition:all .3s ease}.stations-usage-refresh-btn:focus{outline:2px solid #085D84;outline-offset:2px}@media print{.stations-usage-main{background-color:#fff}.stations-usage-refresh-btn,.stations-usage-period-tabs{display:none}.stations-usage-chart-container,.stations-usage-summary-card,.stations-usage-chart-section{box-shadow:none;border:1px solid #ddd}.stations-usage-charts-grid{grid-template-columns:1fr;gap:16px}}