body{background-color:#f0f0f5;font-family:Arial,sans-serif;margin:0;padding:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background:linear-gradient(270deg,#a0c4ff,#5e8bf7,#1f3c72);box-shadow:0 2px 5px #0003;color:#fff;height:77px;left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;padding:22px 70px}.navbar-logo{height:37px;max-width:150px;object-fit:contain;width:auto}.navbar-title{background-color:#f0f0f5;border:none;border-radius:4px;color:#000;font-size:14px;font-weight:700;margin:0 10px;padding:8px 15px}.navbar-user{position:relative}.logoutBtn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 15px}.logoutBtn:hover{background-color:#286eb9}.dashboard-container{margin:10px 30px;padding:100px 20px 20px}.filters-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;margin-left:1.2%;max-width:100%}.date-filter{border:2px solid #b1b0b0;border-radius:10px;flex-wrap:wrap;gap:15px;padding:15px}.date-filter,.filter-box{align-items:center;display:flex}.filter-box{gap:5px}.filter-label{color:grey;font-size:14px;margin-right:8px}.date-input{border:2px solid #c7c6c6;border-radius:5px;color:grey;font-size:13px;outline:none;padding:5px;width:110px}.get-report-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:10px;padding:8px 15px}.get-report-btn:hover{background-color:#1f60a7}.get-report-btn:disabled{background-color:#ccc;cursor:not-allowed}.down-report-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;margin-left:3px;padding:4.5px 15px}.down-report-btn:hover{background-color:#1f60a7}.down-report-btn:disabled{background-color:#ccc;cursor:not-allowed}.metrics-section{display:flex;gap:15px;justify-content:space-between;padding-left:30px;width:44.4%}.metric-box{border-radius:15px;box-shadow:0 1px 5px #e1e1e1;overflow:hidden;text-align:center;width:30%}.metric-box .metric-header{background-color:#ddd;font-size:13px;font-weight:700;padding:8px}.metric-box .metric-value{background-color:#fff;font-size:18px;font-weight:700;padding:10px}.metric-box.blue .metric-header{background-color:#64c0ff}.metric-box.orange .metric-header{background-color:#ffad61}.metric-box.purple .metric-header{background-color:#dd84ff}.metric-box.green .metric-header{background-color:#80ec85}.content{align-items:center;display:flex;justify-content:space-between;margin-top:40px;padding:20px 60px}.left-table{margin-top:37px}.firstP,.lastP{text-align:center;text-decoration:underline}.lastP{color:#5a5a5a;font-size:small;padding-left:0;padding-top:6px}.left-table,.right-tables{width:45%}.right-tables{display:flex;flex-direction:column;gap:1px}.secondP{font-size:medium;margin-top:0;text-align:center;text-decoration:underline}.right-tables table{border-collapse:collapse;margin-bottom:20px;width:100%}.right-tables span{color:#5a5a5a;font-size:small;margin-top:0;text-align:center;text-decoration:underline}.left-table table,.right-tables table{border-collapse:collapse;width:100%}.left-table td,.right-tables td{border:1px solid #ccc;padding:10px;text-align:left}@media screen and (min-width:1370px){.metrics-section{width:45%}}@media screen and (min-width:1400px){.metrics-section{width:47%}}@media screen and (min-width:1480px){.metrics-section{width:50%}}@media screen and (min-width:1540px){.metrics-section{width:52%}}@media screen and (min-width:1650px){.metrics-section{width:55%}}@media screen and (min-width:1750px){.metrics-section{width:59%}}@media screen and (min-width:1920px){.metrics-section{width:62%}}@media screen and (min-width:2050px){.metrics-section{width:65%}}@media screen and (min-width:2550px){.metrics-section{width:71%}}.loginPage{align-items:center;background:linear-gradient(270deg,#a0c4ff,#5e8bf7,#1f3c72);color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.login-container{animation:fadeIn .5s ease-in-out;background:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.login-container h1{color:#6a11cb;font-size:2rem;margin-bottom:1.5rem}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container label{color:#555;font-size:.9rem;font-weight:700;margin-right:20px;text-align:left}.login-container input{border:1px solid #ddd;border-radius:5px;font-size:1rem;outline:none;padding:.8rem;transition:border-color .3s ease}.login-container input:focus{border-color:#6a11cb;box-shadow:0 0 5px #6a11cb80}.login-container button{background:#6a11cb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin:0 10px 0 25px;padding:.8rem;transition:background .3s ease}.login-container button:hover{background:#2575fc}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.login-container{padding:1.5rem}.login-container h1{font-size:1.5rem}.login-container button,.login-container input{padding:.7rem}}
/*# sourceMappingURL=main.fcaf05f1.css.map*/