.App{background:var(--light-color);min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{display:flex;justify-content:space-between;background-color:var(--light-color);position:fixed;width:100%;z-index:99;padding:.7rem 0rem}.navbar .logo{width:100%;display:flex;margin-left:20px;align-items:center;gap:1rem;text-decoration:none}.navbar .logo img{width:50px;height:50px}.navbar .logo p{font-weight:600;color:var(--primary-color);font-size:1.2rem}.navbar .navbar-links{display:none;justify-content:space-around;gap:1rem}.navbar .mobile-nav{padding:.7rem 0rem;display:flex;flex-direction:column;position:absolute;background:var(--light-color);min-height:100vh;width:70%;right:0;transition:ease-in-out;transition-duration:1s;transition-property:all}.mobile-nav-button{width:min-content;padding:0;border:0;margin-left:auto;margin-right:20px;box-shadow:none}.navbar .navbar-links a,.navbar .mobile-nav a{text-decoration:none;padding:.5rem 1rem;color:var(--dark-color);font-weight:500}@media only screen and (min-width: 768px){.navbar{flex-direction:row;align-items:center}.navbar .logo{padding-left:8rem}.navbar .navbar-links{padding-right:8rem;display:flex}.navbar .mobile-nav,.mobile-nav-button{display:none}}.hero{text-align:center;margin:auto}.hero img{width:100%}.hero .top-content{color:var(--dark-color);font-weight:600;font-size:larger;width:80%;margin:auto;margin-top:2rem;text-align:justify}.hero .heading{color:var(--primary-color);font-size:small}.hero .body{color:var(--dark-color);font-weight:600;font-size:larger;width:80%;margin:auto;text-align:justify}.hero .body p i{font-weight:700;font-size:x-large}@media only screen and (min-width: 768px){.hero .top-content{width:60%}.hero .heading{font-size:x-large}.hero .body{width:60%}}.tabs{text-align:center}.tabs>.labels{padding-top:.5rem;padding-bottom:.5rem}.tabs>.labels>hr{width:90%;margin-top:1rem;border-color:var(--primary-color)}.tabs>.labels>.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tabs>.labels>.button-group>.label{border:none;text-transform:uppercase;font-size:small;font-weight:300;padding:.7rem 1.4rem}.tabs>.labels>.button-group>.active{background:var(--primary-color);color:var(--light-color);border-color:var(--primary-color)}@media only screen and (min-width: 768px){.tabs{margin:2rem 0;margin-bottom:0}.tabs>.labels>.button-group{gap:3rem}.tabs>.labels>.button-group>.label{font-size:larger;font-weight:500;padding:.7rem 1.4rem}.tabs>.labels>hr{width:70%}}.sub-tabs{display:flex;flex-direction:column}.sub-tabs>.labels{width:100%;gap:.8rem}.sub-tabs .label-header{margin-top:1.5rem;font-size:x-large;color:var(--secondary-color);font-weight:600}.sub-tabs>.labels>.label:first-child{margin-right:20px}.sub-tabs>.labels>.label{border:none;color:var(--primary-color);text-transform:uppercase;font-size:small;font-weight:300;width:max-content;padding:.5rem .7rem;border:2px solid transparent;background:var(--light-color)}.sub-tabs>.labels>.active{color:var(--primary-color);border:2px solid var(--primary-color)}@media only screen and (min-width: 768px){.sub-tabs>.labels>.label{font-size:larger;font-weight:500;padding:.7rem 1.4rem}}.chart{width:90%;margin:auto}.pie-chart>p{margin:.5rem 0;color:var(--primary-color);font-size:medium;font-weight:400}.bar-chart>p{margin:0rem 0;color:var(--primary-color);font-size:medium;font-weight:400}.geo-chart>p{margin:.5rem 0;color:var(--primary-color);font-size:medium;font-weight:400}.geo-chart .zoom-controls{margin-top:.5rem;display:flex;margin:auto;justify-content:end;gap:1rem}.geo-chart .zoom-controls button{border-radius:50%;width:25px;height:25px;padding:0;background:var(--primary-color);border-color:var(--light-color);color:var(--light-color)}@media only screen and (min-width: 768px){.pie-chart>p{font-size:x-large;font-weight:600}.pie-chart .chart{height:400px}.bar-chart>p{font-size:x-large;font-weight:600}.geo-chart>p{font-size:x-large;font-weight:600}.geo-chart .chart{width:70%;margin:auto}.geo-chart .zoom-controls{width:70%;margin-top:.5rem}.geo-chart .zoom-controls button{width:40px;height:40px}}.footer{margin-top:2rem;padding:.7rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--dark-color);color:var(--light-color)}.footer .socials{display:flex;gap:1rem}.footer .socials a{text-decoration:none;color:var(--light-color)}.footer .copyright p{margin:0;font-size:small}@media only screen and (min-width: 768px){.footer .copyright p{font-size:large}}.home-page>.hero>img{margin-top:6rem}.category-links-wrapper{width:100%;margin:auto;text-align:center;color:var(--primary-color)}.category-links-wrapper h2{font-size:medium}.category-links-wrapper .category-links{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;margin:auto;width:80%}.category-links-wrapper .category-links .link{cursor:pointer;text-align:center;padding:0rem;text-decoration:none;text-transform:uppercase;color:var(--dark-color);transition:all ease-in-out;transition-duration:.3s}.category-links-wrapper .category-links .link:hover{transform:scale(1.2)}.category-links .link:nth-child(2n){justify-self:start}.category-links .link:nth-child(odd){justify-self:end}.category-links-wrapper .category-links .link img{width:50%}.category-links-wrapper .category-links .link h4{color:var(--secondary-color);font-size:large}@media only screen and (min-width: 768px){.home-page>.hero>img{margin-top:4rem}.category-links-wrapper h2{font-size:x-large}.category-links-wrapper .category-links .link{width:180px}}.auth-page{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-form{width:90%;padding:.5rem;box-shadow:#0000003d 0 3px 8px;text-align:center}.login-form h2{margin:2rem 0;font-size:xx-large}.login-form form{display:flex;flex-direction:column;justify-content:center;gap:1rem}.login-form .input-box{display:grid;width:90%;margin:1rem auto 0;text-align:left;font-size:larger}.login-form input{background:transparent;border:0;border-bottom:1px solid black;font-size:larger;margin-top:.4rem}input:focus{outline:0}.login-form button{margin:1rem 0;background-color:#1d8ecf;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px}@media only screen and (min-width: 768px){.login-form{padding:1rem;width:30%}}.forecast-page>.hero>img{margin-top:6rem}.forecast-page>.hero>.heading{font-size:medium}.forecast-page .forecast-form{text-align:center;box-shadow:var(--shadow);width:80%;margin:0 auto 4rem;border-radius:10px;padding:1rem}.forecast-form .form-header{display:flex;justify-content:space-between;align-items:center}.forecast-form .form-header h2{margin:0}.forecast-form .form-header button{font-size:small;padding:.2rem .5rem;border-radius:5px}.forecast-form .form-body .form-input{text-align:left;display:flex;padding:0 .2rem}.forecast-form .form-body .form-input .selector{flex:9}.form-input .input-label{font-size:large;font-weight:500;color:var(--primary-color);margin:.5rem 0 .7rem}.form-input .selector-cancel-btn{border:0;box-shadow:none;align-self:flex-end;color:var(--primary-color);width:min-content}.forecast-form .form-body .specification-sliders{padding:1rem}.specification-sliders .slider{text-align:left;padding:.2rem 0}.specification-sliders .slider label{font-size:larger;font-weight:500}.specification-sliders .slider .input{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.specification-sliders .slider .input input[type=range]{margin:.5rem}.specification-sliders .slider .input input[type=number]{flex:2;width:50%;background:transparent;padding:.2rem .5rem;border:1px solid var(--secondary-color);border-radius:5px;color:var(--dark-color);font-size:medium}.button-selector .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button-selector .button-group button{border:1px solid var(--secondary-color);color:var(--secondary-color);box-shadow:none}.button-selector .button-group button:hover{background:var(--secondary-color);color:var(--light-color)}.dropdown-selector select{font-size:larger;width:100%;margin:auto;padding:.4rem 1rem;border-radius:10px;display:flex;color:var(--secondary-color);cursor:pointer;border-color:var(--secondary-color)}.dropdown-selector select:disabled{cursor:not-allowed}.checkbox-selector .checkboxes-wrapper{display:flex;flex-direction:column;gap:.5rem;font-size:larger;max-height:200px;overflow-y:scroll}.checkbox-selector .checkboxes-wrapper>label{cursor:pointer}.forecast-form .form-footer{text-align:right;margin-top:2rem}.form-footer button{padding:.3rem .7rem;font-size:medium;border-radius:5px;border-color:var(--primary-color);color:var(--primary-color)}.form-footer button:hover{color:var(--light-color);background:var(--primary-color)}.form-footer .forecast-btn{background:var(--primary-color);color:var(--light-color)}.form-footer .forecast-btn:hover{background:var(--primary-color);color:var(--light-color);border-color:var(--dark-color)}@media only screen and (min-width: 768px){.forecast-page>.hero>img{margin-top:4rem}.forecast-page>.hero>.heading{font-size:large}.forecast-page .forecast-form{width:40%;padding:1rem 2rem 2rem}.forecast-form .form-header h2{margin-block-start:.83em;margin-block-end:.83em}.forecast-form .form-header button{font-size:large;padding:.6rem 1.5rem}.forecast-form .form-body .form-input{padding:0 1rem}.specification-sliders .slider .input{flex-direction:row;align-items:center}.specification-sliders .slider .input input[type=range]{flex:8}.specification-sliders .slider .input input[type=range]{width:100%}.form-input .input-label{margin:1rem 0}.form-footer button{padding:.6rem 1.5rem;font-size:large}}.forecast-results-page>.hero>.heading h1{margin-bottom:0;font-size:large}.forecast-results-page>.hero>img{margin-top:6rem}.forecast-results-page .result-tabs{margin:auto}.result-tabs .sub-tabs>.labels{margin-top:0;position:sticky;top:6.5rem;z-index:11;background:var(--light-color);padding:1rem .5rem}.result-tabs>.tabs{padding:.5rem}.result-tabs>.tabs>.content{padding:.5rem 1rem}.charts-wrapper .charts{text-align:left}.forecast-results-page .results-footer{text-align:center}.forecast-results-page .results-footer button{background:var(--primary-color);color:var(--light-color);border:none;margin-right:20px;border:1px solid transparent}.forecast-results-page .results-footer button:hover{background:var(--light-color);color:var(--primary-color);border:1px solid var(--primary-color)}@media only screen and (min-width: 768px){.forecast-results-page>.hero>img{margin-top:4rem}.forecast-results-page>.hero>.heading h1{font-size:xx-large}.result-tabs>.tabs{padding:1rem 4rem;padding-bottom:0}.result-tabs>.tabs>.content{padding:1rem 4rem}.result-tabs .sub-tabs>.labels{top:4.5rem}.charts-wrapper .heading{font-size:x-large;border-radius:10px;padding:.7rem 1rem}.charts-wrapper .charts{padding-left:1rem}}.welcome-message{font-size:18px;margin-bottom:20px;text-align:center;color:#555}.admin-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.text-primary{text-align:center;margin-bottom:20px}input[type=number],input[type=file]{width:300px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.form-btn{margin-top:20px}.form-submit-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-login-container{display:flex;flex-direction:column;align-items:center}input[type=text],input[type=password]{width:90%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.form-btn{margin-top:10px}.form-submit-btn{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.form-submit-btn:hover{background-color:#0056b3}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-color: #242424;--secondary-color: #1d8ecf;--highlight-color: #e2c55d;--primary-color: #fb4137;--light-color: #ffffff;--shadow: rgba(100, 100, 111, .2) 0px 7px 29px 0px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-dark{color:var(--dark-color)}.text-light{color:var(--light-color)}.text-negative{color:var(--negative-color)}button{padding:.6rem 1.5rem;font-size:large;border:1px solid var(--dark-color);border-radius:8px;background:var(--light-color);box-shadow:var(--shadow);cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input:focus,select:focus,select:active{outline:none}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:2px;border-radius:5px;background:var(--secondary-color);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;cursor:pointer}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--secondary-color);border:1px solid var(--secondary-color);cursor:pointer}input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:var(--primary-color);cursor:pointer}p{margin:0}input[type=checkbox]{outline:1px solid var(--secondary-color);margin-right:.7rem}