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}.tabs{display:flex;gap:8px}.tab{display:block;font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}.tab.active{color:#fff;border-bottom:2px solid #2196f3}.tab:hover{color:#fff}.tab-content{margin-top:16px;color:#fff}.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}.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}