html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif}.layout{display:flex;height:100vh;overflow:hidden}.aside{width:190px;background-color:#fefefe;height:100%;flex-shrink:0;color:#fefefe;padding:20px}.main{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:24px 32px;background-color:#e7e7e7}.login-wrapper{display:flex;height:100vh;font-family:Inter,sans-serif}.login-left{flex:1;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;background-image:url(./assets/layout-image.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.branding{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.company-logo{max-width:300px;width:60%;height:auto}.login-right{flex:1;background:#f5f7fb;display:flex;align-items:center;justify-content:center}.login-card{width:340px;background:#fff;padding:32px;border-radius:14px;box-shadow:0 12px 30px #00000014;display:flex;flex-direction:column;gap:16px}.login-card h2{margin-bottom:12px;font-weight:600}.login-card input{padding:10px;border-radius:8px;border:1px solid #ddd}.login-card button{padding:10px;border-radius:8px;border:none;background:#111827;color:#fff;font-weight:500;cursor:pointer;transition:.2s}.login-card button:hover{background:#2b2b40}.logo{font-size:22px;font-weight:700;margin-bottom:40px}.menu{display:flex;flex-direction:column;gap:10px}.menu button{background:none;border:none;color:#2b2b40;text-align:left;padding:10px;border-radius:6px;cursor:pointer;font-size:15px}.menu button:hover{background-color:#2b2b40;color:#fefefe}.menu button.active{background-color:#fefefe;color:#1e1e2f;font-weight:600}.logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.logo-img{max-width:100px;height:auto}.upload-card{background:#fefefe;padding:30px;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center}.upload-card h2{margin-bottom:8px}.subtitle{font-size:14px;color:#6b7280;margin-bottom:25px}.upload-box{display:flex;justify-content:center;align-items:center;height:140px;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;margin-bottom:20px;transition:all .2s ease}.upload-box:hover{border-color:#4d4d99;background-color:#f8fafc}.file-name{font-weight:600;color:#111827}.upload-btn{width:100%;padding:12px;border:none;border-radius:6px;background-color:#212129;color:#fefefe;font-size:15px;cursor:pointer}.upload-btn:disabled{background-color:#9097b8;cursor:not-allowed}.loader-container{display:flex;flex-direction:column;align-items:center;margin-top:100px}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #212129;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.table-card{max-width:93.5%;background:#fefefe;padding:20px;border-radius:10px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}tr:hover td{background-color:#f3f4f6}.status{font-size:18px}.status.green{color:#16a34a}.status.yellow{color:#facc15}th.group-plan{background-color:#146eb4;color:#fefefe;font-weight:400}th.group-monitorign{background-color:#9d833e;color:#fefefe;font-weight:400}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.metric-card{background:#fefefe;max-width:80%;text-align:center;padding:20px;border-radius:10px;box-shadow:0 4px 12px #00000014}.metric-card h3{font-size:24px;color:#52565e;font-weight:700;margin-top:5px}.metric-card p{font-size:23px;color:#000;font-weight:700;margin-top:5px}.results-header{max-width:95.3%;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.export-btn{background-color:#212129;color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer}.export-btn:hover{background-color:#41415b}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;margin-top:15px;margin-bottom:20px}.pagination button{border:none;background:#e5e7eb;padding:6px 10px;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.tariff-header-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;padding:16px}.header-img{display:flex;gap:20px;flex-direction:row;justify-content:flex-end}.logo-account{width:8%}.cards-container-tariff{display:flex;gap:20px}.tariff-card{width:33%;background:#fff;border-radius:14px;box-shadow:0 6px 18px #00000014;padding:16px}.card-title{margin-bottom:10px;font-weight:600}.table-container-tariff{max-height:220px;overflow-y:auto}.container{padding:30px;display:flex;flex-direction:column;gap:30px;background:#fff;border-radius:16px}.container-header-card{display:flex;align-items:center;gap:20px;background:#fff;padding:20px 25px;border-radius:16px;box-shadow:0 8px 24px #0000000f}.logo-account{width:80px;height:auto}.header-text h3{margin:0;font-weight:600;color:#2c3e50}.header-text p{margin:6px 0 0;color:#6b7280;font-size:14px}.container-filters{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:15px}.filter-group select{padding:4px 8px;font-size:13px;height:30px;min-width:140px}.confirm-btn{padding:4px 12px;font-size:13px;height:30px;cursor:pointer;border:none;background-color:#1976d2;color:#fff;border-radius:4px;transition:.2s ease}.confirm-btn:hover{background-color:#125aa0}.confirm-btn:disabled{background-color:#9e9e9e;cursor:not-allowed}@media(max-width:900px){.login-left{display:none}}