body{margin:0;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column}.sidebar{box-sizing:border-box;position:fixed;width:20%;height:100%;background:#fff;box-shadow:0 4px 15px #c2c2ff91;transition:width .3s ease}.sidebar .logo{font-size:24px;margin-bottom:20px;padding-top:20px;text-align:center}.sidebar ul{list-style:none;padding:0 8% 8% 0}.sidebar ul li{height:50px;padding-left:10%;display:flex;align-items:center;cursor:pointer;color:gray;font-size:14px}.sidebar ul li:hover{color:green}.sidebar ul li.active{background:#edffe9;border-top-right-radius:10px;border-bottom-right-radius:10px;color:green;border-left:5px solid #5cb85c}.sidebar ul li svg{margin-right:10px}.sidebar img{width:7%;padding-left:10px;padding-right:10px}.sidebar .logo img{width:50%;padding-left:10px;padding-right:10px}main{background:#f8f9fa;height:100vh}.header{display:flex;font-size:15px;justify-content:space-between;align-items:center;padding:0 15px 0 10px;position:absolute;left:20%;right:0%;background:#fff}.header .profile{display:flex;align-items:center}.header img{border-radius:50%;margin-left:10px;width:32px;height:32px}.content{padding-left:20px;padding-right:20px;margin-top:6%;margin-left:20%}.aminities-content{padding-left:20px;padding-right:20px;margin-top:1%;margin-left:20%}.section-button{background:none;color:#000;border:none;border-bottom:2px solid rgba(77,77,77,.1)!important;filter:drop-shadow(0px 0px 16px #EEF4FF);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 20px;gap:16px;cursor:pointer}.section-button:active{color:green;border-bottom:2px solid rgb(43,255,0)!important}.section-button:hover{color:green}.section-button.active{color:green;border-bottom:2px solid green!important}.import-button{background:green;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-left:auto}.aminities-panel{display:flex;flex-direction:row;align-items:center;padding:0;gap:20px;width:1092px;height:75px;flex:none;order:1;align-self:stretch;flex-grow:0}.aminities-card{display:flex;flex-direction:column;align-items:center;padding:0;gap:6px;width:74px;height:75px;flex:none;order:0;flex-grow:0;font-size:x-small}.chart-content{padding-left:20px;padding-right:20px;padding-top:20px;margin-top:5%;margin-left:20%}.chart-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;flex:1 1 23%;min-width:250px;box-sizing:border-box;overflow:hidden}.metro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metro-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;cursor:pointer}.metro-card img{width:100px!important}.metro-card .rating img{width:5%!important;padding-right:5px}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-row h2{margin:0;font-size:24px;font-weight:700}.add-button{background:green;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-button:hover{background:#4cae4c}.select-station-button{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3px 14px;gap:6px;height:44px;background:#fff;border:1px solid #398F26;border-radius:8px;flex:none;order:1;flex-grow:0;cursor:pointer}.select-station-button:hover{background:#398f26}.station-list li:hover{background:#f0f8ff!important}@media (max-width: 1024px){.sidebar{width:20%}.header{left:20%}.content{margin-left:22%}.metro-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:static;width:100%;height:auto}.header{position:static;left:0;padding:10px}.content{margin-left:0;padding:10px}.metro-list{grid-template-columns:repeat(1,1fr)}.metro-card{padding:15px}.add-button{width:100%;text-align:center}}@media (max-width: 480px){.header img{width:24px;height:24px}.metro-card .icon{font-size:24px}}.user-management{padding:20px;background-color:#f9f9f9;border-radius:10px;margin:5% auto auto 20%}.search-bar{margin-bottom:20px}.search-bar input{width:20%;padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{padding:12px;text-align:left}th{background-color:#f1f1f1;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}.delete-btn{background-color:#ff4d4d;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.delete-btn:hover{background-color:#e60000}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.pagination button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.pagination button:disabled{background-color:#ddd;cursor:not-allowed}.pagination span{font-size:16px}.start-date-input,.end-date-input{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3px 14px;gap:12px;width:130px;height:44px;background:#fff;border:1px solid #ffffff;border-radius:8px;flex:none;order:0;flex-grow:0;cursor:pointer}.aminities-section{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.loader{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.amenities-sidebar{width:282px;background:#fff;border-radius:8px;box-shadow:0 3px 7px #0000001f;margin-top:1px;max-height:500px;height:fit-content}.amenities-sidebar-item{list-style:none;margin-bottom:5px}.aminities-card{position:relative;cursor:pointer}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;pointer-events:none;margin-bottom:8px}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}.dropdown-header{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#010101;padding:10px 20px;display:flex;gap:15px;cursor:pointer;background:#fff;border-bottom:1px solid #f7f7ff;border-radius:8px}.amenities-sidebar-li{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:206px;width:100%;height:44px;background:#fff;border-bottom:1px solid #F7F7FF;flex:none;order:1;align-self:stretch;flex-grow:0;padding:0}.toggle-container{display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.toggle-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px;height:20px;background:#e0e0e0;border-radius:10px;position:relative;outline:none;cursor:pointer;transition:background .3s ease-in-out}.toggle-container input[type=checkbox]:checked{background:#9727f5}.toggle-container input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s ease-in-out}.toggle-container input[type=checkbox]:checked:before{transform:translate(14px)}.count-popup{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.aminities-card:hover{background-color:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}