html,body,#root{min-height:100%;height:auto;margin:0;padding:0;width:100%;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:visible}.main-content{margin:0 auto;padding:20px}.responsive-form{display:flex;flex-direction:column;gap:12px}.form-input{width:100%;margin-bottom:10px;padding:8px;border:1px solid #666;border-radius:4px;background:#444;color:#fff}.form-label{width:100%;margin-bottom:10px;padding:8px;color:#fff}.main-button{width:100%;padding:10px;background-color:#2e7d32;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px;font-weight:600}.form-button{padding:10px;background-color:#2e7d32;color:#fff;border:none;cursor:pointer;font-size:16px;border-radius:4px;font-weight:600}.navbar{background:#121212;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:relative;z-index:10}.menu{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-group{display:flex;align-items:center;gap:30px}.nav-link{color:#fff;text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s;position:relative}.nav-link:hover{color:#4caf50!important}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;top:100%;left:0;background:#1e1e1e;border-radius:6px;box-shadow:0 4px 10px #0006;min-width:220px;display:block;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease;z-index:999}.dropdown-item{display:block;padding:10px 20px;color:#fff;text-decoration:none}.dropdown-item:hover{background:#2e7d32!important;color:#fff}.dropdown:hover .dropdown-content,.dropdown-content:hover{opacity:1;visibility:visible;transform:translateY(0)}.billing{margin-left:20px}.right-section{display:flex;align-items:center;gap:20px;margin-left:auto}.logout-btn{background:#e53935;border:none;color:#fff;padding:6px 12px;cursor:pointer;border-radius:4px;font-weight:500;transition:background .2s}.logout-btn:hover{background:#c62828}.hamburger{display:none;flex-direction:column;justify-content:center;cursor:pointer;gap:5px}.hamburger span{width:25px;height:2px;background:#fff;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-link.active,.dropdown-item.active{color:#2e7d32;font-weight:600}.dropdown-item.active{background:#2e7d32;color:#fff;border-radius:3px}.dashboard{display:flex;background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;height:auto;min-height:100vh;overflow:visible}.dashboard-left{width:25%;background-color:#1b1b1b;padding:20px;box-sizing:border-box}.dashboard-right{width:75%;background-color:#1e1e1e;padding:20px;box-sizing:border-box}.dashboard-form-input,.dashboard-form-input select{width:96%;margin-bottom:10px;font-size:16px;padding:7px;border:1px solid #666;border-radius:4px;background:#fff;color:#000}select.dashboard-form-input{width:100%!important}.dashboard-panel{margin-top:20px;margin-bottom:40px;background:#111;padding:20px;border-radius:8px}.scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.scroll-container-inner{display:inline-block;min-width:var(--chart-width);height:350px}.dashboard-card{margin-top:20px;padding:10px;border:1px solid #333;border-radius:6px;background-color:#222}.dashboard-card p{margin:8px 0}.responsive-card-table{border-collapse:separate;width:100%;border-spacing:0 8px}.responsive-card-table th{padding:12px;background:#444;font-weight:700;border-bottom:2px solid #555}.responsive-card-table td{padding:10px 12px;vertical-align:top}.responsive-card-table button{background:#444;color:#fff;border:none;padding:6px 10px;margin-right:5px;border-radius:4px;cursor:pointer}.responsive-card-table tbody tr:nth-child(2n){background-color:#2b2b2b;color:#fff;border-radius:8px}.inputStyle{width:100%;padding:6px;background-color:#2a2a2a;color:#fff;border:1px solid #555;border-radius:4px;font-size:14px}.concession-form{display:flex;gap:10px;margin:10px 0}.function-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px;display:grid}.filter-bar{display:flex;margin-bottom:20px;gap:20px;align-items:center;background:#1f1f1f;padding:1rem;border-radius:10px;box-shadow:0 0 10px #ffffff0d}.filter-bar .form-input{width:300px;padding:8px}.filter-bar .form-button{margin-left:auto}@media (max-width: 1024px){.filter-bar{flex-wrap:wrap}.filter-bar .form-button{margin-left:0}.inputStyle{padding:8px;font-size:13px;width:100%}.concession-form{display:flex;flex-wrap:wrap;gap:10px}.function-grid{grid-template-columns:none}.menu{position:absolute;top:70px;left:0;flex-direction:column;width:100%;background:#1e1e1e;display:none;padding:1rem 2rem;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease;z-index:1000;height:100vh}.menu.open{display:flex}.nav-group{flex-direction:column;gap:20px;width:100%}.right-section{flex-direction:column;width:100%;margin-top:1rem}.hamburger{display:flex}.dropdown-content{position:static;background:#222;box-shadow:none;padding:0}.dropdown-content a{padding:10px 0}.dashboard{flex-direction:column}.dashboard-left,.dashboard-right{width:100%}.responsive-card-table thead tr{display:none}.responsive-card-table tr{display:block;margin-bottom:15px;padding:10px}.responsive-card-table tbody tr:nth-child(2n){background-color:#2b2b2b;color:#fff;border-radius:0}.responsive-card-table td{border:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-left:50%;position:relative}.responsive-card-table td:before{display:inline-block;font-weight:700;line-height:1.5;margin-left:-100%;width:100%;position:relative;z-index:1}.responsive-card-table td:after{content:attr(data-label);position:absolute;width:45%;height:95%;left:1px;top:1px;z-index:0}}.pagination{margin:0 5px;padding:5px 10px;color:#fff;border:none;border-radius:3px}.sms-template tbody tr:nth-child(2n){background:#1e1e1e}.model{position:fixed;top:0;left:0;right:0;bottom:0;background:#0707075e;display:flex;align-items:center;justify-content:center}.model-body{position:relative;background:#202225;padding:2rem 4rem;width:500px;box-shadow:0 0 0 1px #ffffff0d,0 12px 40px #0009;color:#fff;font-family:Inter,sans-serif;border:1px solid #252323}.model-body label,.meter-config-panel label{color:#b5b5b5;font-size:1rem;margin-top:12px;display:block}.model-body input,.model-body textarea,.model-body select,.meter-config-panel input,.meter-config-panel textarea,.meter-config-panel select{background:#2b2f36;border:1px solid #3a3f46;color:#eaeaea;border-radius:5px;width:100%;padding:8px 2px;transition:.2s;font-size:.9rem}.model-body input:focus,.model-body textarea:focus .model-body select:focus,.meter-config-panel input:focus,.meter-config-panel textarea:focus,.meter-config-panel select:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf5066}.model-body h3{font-size:1.25rem;color:#fff;font-weight:600;margin-bottom:20px;border-bottom:1px solid #2f3136;padding-bottom:10px}.model-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.model-footer .save{background-color:#4caf50;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.model-footer .cancel{background-color:#f44336;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.close-btn{position:absolute;top:14px;right:16px;background:transparent;border:none;color:#aaa;font-size:22px;cursor:pointer;transition:all .2s ease}.close-btn:hover{color:#fff;transform:scale(1.1)}.tabs{background:linear-gradient(180deg,#1e3d34,#091b15);padding-left:16px;padding-top:6px;border-bottom:1px solid #2b2f2e;box-shadow:0 1px 2px #0006}.tab{color:#fff!important;font-size:15.5px!important;padding:11px 22px!important;min-height:42px!important;letter-spacing:.4px!important;font-weight:600!important}.tab.Mui-selected{color:#fff!important;font-weight:600}.tab.Mui-selected .MuiTab-wrapper{color:#fff!important}.sms-table{table-layout:fixed}.sms-table th,.sms-table td{text-align:left;text-overflow:ellipsis}.sms-table th:nth-child(1){width:4%}.sms-table th:nth-child(2){width:6%}.sms-table th:nth-child(3){width:12%}.sms-table th:nth-child(4){width:12%}.sms-table th:nth-child(5){width:10%}.sms-table th:nth-child(6){width:26%}.sms-table th:nth-child(7){width:10%}.sms-table th:nth-child(8){width:4%}.sms-table th:nth-child(9){width:10%}.sms-table th:nth-child(10){width:10%}.meter-config-panel{position:relative;background:#202225;padding:1rem 3rem;border:1px solid #2f3336;box-shadow:0 0 0 1px #ffffff0a,0 10px 18px #0000008c,0 3px 6px #00000059;color:#fff;font-family:Inter,sans-serif;margin-top:20px}.input-div{width:calc(30% - 15px);display:inline-block;margin-right:22px}.model-footer .next{background-color:#3684ce;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.model-footer .save{background-color:#1b7c0e;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.model-footer .cancel{background-color:#ce4036;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.model-footer .orange{background-color:#ff9800;color:#fff;transition:background .2s ease;min-width:64px;padding:6px 16px;border:0;cursor:pointer;text-transform:uppercase;font-size:.875rem}.scan-bar{display:flex;justify-content:center;gap:3px;padding:20px 0}.scan-bar span{width:10px;height:20px;background:#4caf50;border-radius:2px;animation:scanWave 1.8s linear infinite;animation-delay:calc(var(--i) * .04s);opacity:.05 → 1 → .05}@keyframes scanWave{0%{opacity:.15;transform:scaleY(1)}40%{opacity:1;transform:scaleY(1.4)}80%{opacity:.15;transform:scaleY(1)}to{opacity:.15;transform:scaleY(1)}}.info-tile{background:#24282bf2;border:1px solid #3a4246;padding:18px 20px;border-radius:10px;box-shadow:0 4px 10px #00000059;transition:.25s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-tile:hover{border-color:#3e8b63;background:#191c1ef2}.info-label{font-size:12px;color:#b6bfc7;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-weight:500}.info-value{font-size:18px;font-weight:600;color:#e9fff2}.error-alert{display:flex;align-items:center;gap:10px;background:#ff46461f;border:1px solid rgba(255,80,80,.4);padding:10px 16px;border-radius:6px;color:#f55;font-size:14px;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0 auto}.error-icon{font-size:16px}.success-alert{display:flex;align-items:center;gap:10px;border:1px solid #4caf50;padding:10px 57px;border-radius:6px;color:#4caf50;font-size:14px;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0 auto}.success-icon{font-size:16px}.MeterCard{background:#2b2f36;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px;transition:.2s;min-height:120px}.MeterCard input[type=text]{padding:6px 10px;background:#1a1a1a;color:#fff;width:70px}.MeterCard img{width:auto;height:70px;object-fit:contain;border-radius:6px}.MeterCard input[type=radio]:focus{border-color:none;box-shadow:none}.notification-bar{display:flex;align-items:center;cursor:pointer}.logo{font-size:18px;font-weight:700}.right{position:relative}.bell-wrapper{cursor:pointer;position:relative;font-size:22px}.badge{position:absolute;top:-6px;right:-10px;background:red;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px}.notification-dropdown{position:absolute;right:-10rem;top:30px}.item{padding:10px;border-bottom:1px solid #eee}.empty{padding:10px;text-align:center;color:#666}.notification-card{width:320px;padding:6px 10px;border-bottom:3px solid #000;box-shadow:0 6px 16px #00000026;font-family:Inter,system-ui,sans-serif;animation:slideIn .3s ease-out}.notification-card.success{background:linear-gradient(135deg,#e8f5e9,#f1fff4);border-left:6px solid #2e7d32}.notification-title{color:#1b5e20;font-size:15px;font-weight:700;margin-bottom:6px}.notification-message{color:#2e2e2e;font-size:14px;line-height:1.4}.notification-message .amount{color:#2e7d32;font-weight:700}.notification-time{margin-top:8px;font-size:.75rem;color:#666}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notification-card.unread{background:#e8f5e9;border-left:4px solid #2e7d32}.notification-card.read{opacity:.8;border-left:6px solid #c8e6c9;background:#c7d1c8}.notification-footer{border-top:1px solid #eee;padding:10px;display:flex;justify-content:space-between;font-size:.9rem;background:#fafafa}.read-all-btn,.view-all-btn{background:none;border:none;color:#2e7d32;font-weight:600;cursor:pointer;text-decoration:none}.notification-card:hover{background:#dcedc8;cursor:pointer}.notification-empty{padding:30px 20px;text-align:center;background:linear-gradient(135deg,#e8f5e9,#f1fff4);color:#000}.empty-icon{font-size:28px;margin-bottom:8px}.empty-title{font-weight:600;margin-bottom:4px}.empty-subtitle{font-size:.85rem;margin-bottom:12px;color:#888}