.login-wrapper{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:row;align-items:center;justify-content:center;min-height:100vh;background-color:#f4f4f4}.login-wrapper .welcome-container{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px 64px;color:#333}.login-wrapper .welcome-container .logo{width:50px;height:auto;margin-bottom:24px}.login-wrapper .welcome-container .welcome-message{color:#000;font-family:Acumin Pro Bold;font-size:48px;font-style:normal;font-weight:700;line-height:normal}.login-wrapper .welcome-container .login-button{border-radius:50px;background:#ddd;border:none;color:#333;text-align:center;font-family:Acumin Pro;font-size:14px;font-style:normal;font-weight:500;line-height:30px;width:114px;height:40px;cursor:pointer}.login-wrapper .image-container{flex:1;display:flex;justify-content:center;align-items:center;padding:32px}.login-wrapper .image-container .login-image{width:100%;height:auto;border-radius:8px}.loading-container{position:fixed;top:45%;left:45%}@media (max-width: 768px){.login-wrapper{flex-direction:column}.login-wrapper .welcome-container{align-items:center;text-align:center;padding:32px}.login-wrapper .welcome-container .logo{margin-bottom:16px}.login-wrapper .image-container{padding:16px}.login-wrapper .image-container .login-image{width:90%;max-width:300px}}.data-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:25px 15px 3px;display:flex;flex-direction:column;gap:16px;height:192px;flex:1 1 calc(25% - 16px)}.data-card .card-header{display:flex;min-height:60px;padding:5px;border-bottom:1px solid #ccc}.data-card .card-header .header-icon{width:40px;height:40px;background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#666}.data-card .card-header .header-icon img{width:22px;height:22px}.data-card .card-header .header-content{display:flex;flex-direction:column;margin-left:17px;max-height:fit-content;min-height:65px}.data-card .card-header .header-content__title{color:#222;font-family:Acumin Pro Bold,sans-serif;font-size:22px;font-weight:700;line-height:20px;margin-bottom:3px;width:400px}.data-card .card-header .header-content span{color:#555;font-family:Acumin Pro;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.data-card .card-header .status-icon{width:26px;height:26px;border-radius:8px;margin-left:auto;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;cursor:pointer;position:relative}.data-card .card-header .status-icon .tooltip{position:absolute;bottom:-50px;right:25%;padding:10px 14px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 12px #00000026;opacity:0;pointer-events:none;border:1px solid #e0e0e0;background-color:#fff;color:#000;font-size:20px;font-family:Acumin Pro;line-height:20px}.data-card .card-header .status-icon .tooltip .status-text{font-family:Acumin Pro Bold}.data-card .card-header .status-icon .tooltip .status-text.growth{background-color:#eaffea;color:#33cd25}.data-card .card-header .status-icon .tooltip .status-text.neutral{background-color:#fff5db;color:#d6b04e}.data-card .card-header .status-icon .tooltip .status-text.decline{background-color:#ffe6f0;color:#f276a1}.data-card .card-header .status-icon:hover .tooltip{opacity:1}.data-card .card-header .status-icon.growth{background-color:#3cd52e}.data-card .card-header .status-icon.neutral{background-color:#f9d06a}.data-card .card-header .status-icon.decline{background-color:#ff87b1}.data-card .card-metrics{margin-top:26px;display:flex;align-items:flex-start}.data-card .card-metrics__container{display:flex;gap:30px}.data-card .card-metrics__container .metric{display:flex;flex-direction:column;margin-right:10px}.data-card .card-metrics__container .metric__wrapper,.data-card .card-metrics__container .metric__wrapper .metric-label{display:flex;flex-direction:row}.data-card .card-metrics__container .metric__wrapper .metric-label__legend{border-radius:50%;background:#00a6ff;width:14px;height:14px}.data-card .card-metrics__container .metric__wrapper .metric-label__legend.growth{background:#3cd52e}.data-card .card-metrics__container .metric__wrapper .metric-label__legend.slightDecline{background:#f9d06a}.data-card .card-metrics__container .metric__wrapper .metric-label__legend.decline{background:#ff87b1}.data-card .card-metrics__container .metric__wrapper .metric-label__text{color:#555;font-family:Acumin Pro;font-size:18px;font-style:normal;font-weight:400;line-height:20px;margin-left:5px}.data-card .card-metrics__container .metric .metric-value{margin-top:13px;color:#000;font-family:Acumin Pro;font-size:34px;font-style:normal;font-weight:500;line-height:normal}.data-card .gauge{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:-40px}@media (max-width: 1440px){.data-card{padding:15px 10px;height:auto}.data-card .header-content__title{font-size:18px;width:100%}.data-card .card-metrics .metric-value{font-size:28px}}@media (min-width: 2450px) and (max-width: 2700px){.data-card{max-width:550px}}@media (min-width: 2450px){.data-card{width:600px}}.filter-dropdown{position:relative;display:inline-block;width:200px;margin-left:20px}.filter-dropdown .dropdown-toggle{width:100%;padding:10px;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease-in-out;border-radius:4px;border:1px solid #ccc;background:#fff;box-shadow:0 1px 2px #0000001a}.filter-dropdown .dropdown-toggle:hover{background-color:#e0e0e0}.filter-dropdown .dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:0;overflow:hidden;opacity:0;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:max-height .3s ease,opacity .3s ease}.filter-dropdown .dropdown-menu.open{max-height:fit-content;opacity:1;z-index:1;height:300px;overflow:auto}.filter-dropdown .dropdown-menu .dropdown-item{padding:10px;display:flex;align-items:center;gap:8px}.filter-dropdown .dropdown-menu .dropdown-item input{margin-right:5px}.filter-dropdown .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.logout-button{border-radius:50px;background:#ddd;border:none;color:#333;text-align:center;font-family:Acumin Pro;font-size:14px;font-style:normal;font-weight:500;line-height:30px;width:114px;height:40px;cursor:pointer}.header{border-bottom:1px solid #ccc;display:flex;flex-direction:row;width:100%;justify-content:space-between}.header .logo-wrapper{display:flex;flex-direction:row;align-content:center;align-items:center;padding:4px 0;margin-bottom:20px}.header .logo-wrapper__container{height:70px;width:70px}.header .logo-wrapper__title{color:#000;text-align:center;font-family:Acumin Pro Bold;font-size:20px;font-style:normal;font-weight:700;line-height:20px;margin-left:20px}.header .logout-wrapper{display:flex;flex-direction:row;align-items:center}.header .logout-wrapper__container{display:flex;align-items:center;margin-right:30px}.header .logout-wrapper__image-container{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center}.header .logout-wrapper__image-container img{height:30px;width:30px}.header .logout-wrapper__info{display:flex;flex-direction:column;margin-left:20px}.header .logout-wrapper__info--title{color:#555;font-family:Acumin Pro;font-size:15px;font-style:normal;font-weight:500;line-height:20px}.header .logout-wrapper__info--body{color:#000;font-family:Acumin Pro;font-size:24px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:1px}@media (max-width: 1024px){.header{flex-direction:column}.header .logout-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:20px}.header .logout-wrapper__container{display:flex;align-items:center;margin-right:30px}.header .logout-wrapper__image-container{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.header .logout-wrapper__image-container img{height:20px;width:20px}}.dashboard{display:flex;flex-direction:column;align-items:center;padding:32px}.dashboard .loader-wrapper{position:fixed;top:50%}.dashboard__filters-wrapper{display:flex;gap:10px;position:relative;margin:20px 0 20px auto}.dashboard .card-container{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;width:100%;justify-content:center}@media (min-width: 1070px) and (max-width: 1300px){.dashboard .card-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}}@media (min-width: 1500px) and (max-width: 1800px){.dashboard .card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}}@media (min-width: 1800px){.dashboard .card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;width:100%;justify-content:flex-start}}@media (min-width: 2200px){.dashboard .card-container{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;width:100%;justify-content:flex-start}}@media (max-width: 768px){.dashboard{padding:16px}}html,body,#root{margin:0;padding:0;width:100%;height:100%;background-color:#f5f5f5}@media (max-width: 1440px){.App{padding:24px 32px 60px;gap:24px}.logout-container{padding:12px}.content-container{padding:16px}}@media (max-width: 1024px){.App{padding:20px 24px 50px;gap:20px;align-items:center;width:100%}.logout-container,.content-container{padding:8px}}@media (max-width: 768px){.App{padding:16px 20px 40px;gap:16px;align-items:center}}@font-face{font-family:Acumin Pro;src:url(/assets/Acumin-RPro-B_DRo0pI.woff) format("woff")}@font-face{font-family:Acumin Pro Italic;font-style:normal;font-weight:400;src:url(/assets/Acumin-ItPro-O0ZiJYrf.woff) format("woff")}@font-face{font-family:Acumin Pro Bold;font-style:normal;font-weight:400;src:url(/assets/Acumin-BdPro-7Z5kFo8l.woff) format("woff")}@font-face{font-family:Acumin Pro Bold Italic;font-style:normal;font-weight:400;src:url(/assets/Acumin-BdItPro-CEnlkL0G.woff) format("woff")}:root{font-family:Acumin Pro,sans-serif;line-height:1.5;font-weight:400;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-height:100vh;font-family:Acumin Pro,sans-serif}h3{margin:0}
