@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";.navbar{background-color:var(--light)}.navbar.desktop{display:flex;flex-direction:column;position:fixed;height:100%;width:270px;left:0;top:0}.user-info{padding:1rem;text-align:center}.user-name{font-weight:500;margin-bottom:.5rem}.user-college-name{font-size:.9rem}.divider-line{width:85%;align-self:center;background-color:var(--light-purple);height:1px;margin:1rem 0}.nav-links{display:flex;flex-direction:column;padding:1.5rem}.nav-links a{padding:.7rem;margin-bottom:.5rem;text-decoration:none;color:var(--dark);cursor:pointer;transition:.2s;display:flex;align-items:center}.nav-icon{width:1.3rem;margin-right:.8rem}.nav-links a:hover{background-color:var(--light-purple);border-radius:.5rem}.nav-links a.active{background-color:var(--light-purple);border-radius:.5rem;font-weight:500}#logout-btn{border:none;border-radius:0;padding:1.3rem;margin-top:auto;cursor:pointer}.mobile-menu-toggle{display:none}.navbar.mobile{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.navbar.mobile .nav-links{align-items:center}.navbar.mobile .nav-links a{font-size:1.2rem;padding:1rem;justify-content:center;width:100%}.navbar.mobile .logout-btn{font-size:1.2rem;margin-top:2rem}@media screen and (max-width: 768px){.mobile-menu-toggle{display:block;position:fixed;top:1rem;right:1rem;z-index:1001;background:none;border:none;cursor:pointer}.mobile-menu-toggle .nav-icon{width:2rem;height:2rem;color:var(--main-purple)}}.page-header{display:flex;gap:2rem;align-items:center;margin-bottom:3rem;width:100%;min-height:41px;color:var(--dark)}@media only screen and (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}}.course-table-container{overflow-x:auto;margin-bottom:2rem}.course-table{width:100%;border-spacing:0;border-collapse:separate;table-layout:fixed;overflow:hidden;border:solid 1px var(--light-purple);border-radius:8px}.course-table th,.course-table td{padding:.7rem;text-align:left}.course-table th{background-color:var(--light);color:var(--dark);text-transform:uppercase;border:none}.course-table td{border-bottom:solid 1px var(--light-purple)}.course-table tr:last-child td{border-bottom:none}.course-table tr:hover,.course-table tr:hover select#grade{background-color:var(--light)}.course-table th.course-name,.course-table td.course-name{width:auto;white-space:nowrap;overflow:hidden}.course-table th.grade-select,.course-table td.grade-select,.course-table th.units,.course-table td.units{width:5rem;text-align:center}.course-table th.remove-course,.course-table td.remove-course{width:3rem;text-align:center}.trash-icon{color:var(--main-purple);cursor:pointer;width:1.5rem;height:1.5rem}.trash-icon:hover{color:var(--hover)}.term{margin-bottom:10px;color:var(--main-purple)}select#grade{border:none;padding:2px 5px;background-color:var(--white);color:var(--dark)}.grade-select,.units{text-align:center}.course-name{text-align:left}.course-name .course-code{font-weight:600;background-color:var(--light-purple);padding:2px;border-radius:4px;min-width:7rem;display:inline-block;text-align:center;margin-right:1rem}.course-name .course-title{color:var(--dark)}.course-row{transition:background-color .3s ease}.course-name{cursor:grab}.course-name:active{cursor:grabbing}.dragging{background-color:var(--light);width:100%}.hide-border td{border-bottom:none}.hide-on-drag{display:none}@media screen and (max-width: 768px){.course-code{white-space:nowrap;overflow:hidden;display:block}}@media screen and (max-width: 500px){.course-title{display:none}}.alert{display:flex;align-items:center;padding:1rem;margin-bottom:1rem;border-radius:.5rem;opacity:0;transition:opacity .5s ease-in-out}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.75rem}.alert-error{color:#991b1b;background-color:#fee2e2}.alert-success{color:#166534;background-color:#dcfce7}.alert-warning{color:#854d0e;background-color:#fef9c3}.alert-info{color:#1e40af;background-color:#dbeafe}.fade-in{opacity:1}.fade-out{opacity:0}.checkbox-container{display:flex;align-items:center}.checkBox{display:flex;align-items:center;justify-content:center;cursor:pointer;width:20px;height:20px;border:3px solid rgba(255,255,255,0);border-radius:5px;position:relative;overflow:hidden;box-shadow:0 0 0 2px var(--main-purple);margin-right:10px;margin-bottom:0}.checkBox div{width:60px;height:60px;background-color:var(--main-purple);top:-52px;left:-52px;position:absolute;transform:rotate(45deg)}.checkBox input[type=checkbox]:checked+div{left:-10px;top:-10px}.checkBox input[type=checkbox]{position:absolute;left:50px;visibility:hidden}.transition{transition:.3s ease}.clear{clear:both}.checkbox-label{font-size:16px}.loading-spinner-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.modal{background:var(--white);padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;position:relative;width:700px}.course-search{display:flex;flex-direction:column;height:500px;width:100%}.course-modal-controls{display:flex;flex-direction:column;gap:8px}.search-controls{display:flex;margin-bottom:10px;gap:4px;justify-content:space-between}.info{display:flex;align-items:center;gap:4px}.search-controls input,.search-controls select{padding:8px}.search-controls input{margin-right:10px;flex:1}.course-item{padding:8px;border-bottom:1px solid var(--light-purple);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.course-item input[type=checkbox]{margin-right:10px;pointer-events:none}.course-item:hover{background-color:var(--light)}.add-btn{margin-top:10px;width:100%}.course-modal-heading{margin-bottom:4px}@media screen and (max-width: 768px){.modal{width:90%}.search-controls{flex-direction:column}.search-controls input{margin:0}}.gpa-units-container{overflow-x:auto;border:solid 1px var(--light-purple);border-radius:8px;padding:1rem;background-color:var(--light)}.gpa-units-header{margin-bottom:10px;color:var(--main-purple)}.gpa-units-item{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:solid 1px var(--light-purple);text-transform:uppercase}.gpa-units-item:last-child{border-bottom:none}.gpa-units-label{font-weight:700;color:var(--dark)}.gpa-units-value{color:var(--main-purple)}.progress-bar-container{margin-top:1rem;height:20px;background-color:var(--light-purple);border-radius:8px;overflow:hidden}.progress-bar{height:100%;transition:width .5s ease}.loading-page{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--light);z-index:100000}.loading-spinner{border:5px solid var(--light-purple);border-top:5px solid var(--main-purple);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-page h2{margin-top:20px;font-size:24px}.loading-page p{margin-top:10px;font-size:16px;color:var(--dark)}.units-gpa-displays-container{display:flex;gap:1rem;margin-bottom:2rem}.gpa-units-container{width:100%}@media screen and (max-width: 768px){.units-gpa-displays-container{flex-direction:column}}.loader-core-container{display:flex;flex-direction:column;max-width:400px;margin:50px auto 0}.step-container{display:flex;align-items:center;margin-bottom:10px}.icon-container{margin-right:10px}.icon{width:24px;height:24px}.active{color:var(--main-purple)}.step-text{font-size:16px;color:var(--dark)}.active-text{color:var(--main-purple)}.multi-step-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100}.multi-step-loader:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--light);opacity:.95;z-index:-1}.loader-core-wrapper{height:300px;position:relative}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.major-modal{background:var(--white);padding:30px;border-radius:8px;box-shadow:0 0 20px #0003;width:90%;max-width:1000px;max-height:85svh;overflow-y:auto}.major-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.major-header h2{margin:0;font-size:1.5rem}.major-modal h3{margin-top:20px;margin-bottom:10px}.group-container{margin-bottom:30px}.group-header{font-size:24px;font-weight:700;margin-bottom:10px}.group{border:2px solid var(--dark);border-radius:8px;padding:20px}.group.completed{border-color:var(--green)}.section{border:1px solid var(--light-purple);border-radius:6px;padding:15px;margin-bottom:20px}.section.completed{border-color:var(--green)}.course-block{background-color:var(--light);padding:15px;border-radius:5px;margin-bottom:15px}.course-block.completed{background-color:var(--light-green)}.course-block.missing,.course-block.series-block.missing{background-color:var(--light-red)}.course-block.series-block{background-color:var(--light);padding:15px;border-radius:5px;margin-bottom:15px}.course-block.series-block.completed{background-color:var(--light-green)}.series-group{margin-bottom:10px}.major-course-item{display:flex;align-items:center;padding:10px;line-height:1.6;margin-bottom:5px;gap:10px}.course-details,.course-title{display:inline}.course-units{background-color:var(--dark);color:var(--light);padding:2px 6px;border-radius:4px;display:inline-block;margin-left:auto;font-size:.9rem;min-width:60px;text-align:center}.course-conjunction,.series-conjunction,.group-conjunction{font-weight:700;color:var(--light);border-radius:4px;display:inline-block;padding:2px 6px;margin:0 4px;text-align:center}.course-conjunction{background-color:var(--main-purple);font-size:12px}.group-conjunction{background-color:var(--dark);margin:2rem auto;display:block}.series-conjunction{width:250px;background-color:var(--dark);margin:2rem}.eligibility-status{font-size:18px;font-weight:700}.eligibility-status.eligible{color:var(--green)}.eligibility-status.not-eligible{color:var(--red)}.course-checkbox{accent-color:var(--main-purple)}.show-missing-courses-toggle{margin-bottom:1rem}.advisement{font-weight:500}.group-advisement{font-weight:600;font-size:1.2rem}.advisement-container{display:flex;align-items:center;margin-bottom:1rem}.completion-status{font-weight:500;color:var(--dark);padding:2px 6px;border-radius:4px;margin-left:10px}.completion-status.fulfilled{background-color:var(--light-green)}.completion-status.not-fulfilled{background-color:var(--light-purple)}.assist-button{display:inline-block;text-decoration:none;margin-bottom:20px;width:250px}@media screen and (max-width: 768px){.major-header{flex-direction:column;text-align:center;gap:1rem}.major-course-item{flex-direction:row;align-items:center;flex-wrap:nowrap}.course-title{display:none}.series-conjunction,.group-conjunction{margin:1rem auto;width:100%}.assist-button{text-align:center;width:100%}.advisement-container{flex-direction:column;align-items:flex-start}.completion-status{margin-left:0;margin-top:.5rem}}.major-stats-box{color:var(--dark);padding:10px;border-radius:5px;display:flex;flex-direction:column;margin-left:auto;min-width:180px}.major-stats{font-size:.9rem}.major-item{padding:10px;margin:5px 0;background-color:var(--light);border:1px solid var(--light-purple);border-radius:5px;cursor:pointer;transition:background-color .3s ease}.major-item:hover{background-color:var(--muted)}.major-title{margin-left:10px;font-size:16px;font-weight:700;padding-right:40px}@media screen and (max-width: 768px){.major-stats-box{display:none}}.school-dropdown{margin-bottom:20px}.school-button{background-color:var(--light-purple);color:var(--dark);padding:1.3rem;border:none;border-radius:5px;cursor:pointer;width:100%;text-align:left;transition:background-color .3s ease;display:flex;justify-content:space-between;align-items:center}.school-button:hover{background-color:var(--light-hover)}.major-list{overflow:hidden;margin-top:5px}.major-search-input{width:100%}.school-dropdown.open .major-list{display:block}.school-dropdown-container{margin-top:2rem}.major-progress-container{display:flex;align-items:center}svg.CircularProgressbar{max-width:40px;min-width:40px}.tab-container{display:flex;margin-bottom:20px;gap:5px}.tab{padding:10px 20px;margin-bottom:1rem;cursor:pointer;background-color:var(--light);border:none;border-radius:5px;transition:.3s ease;color:var(--dark)}.tab.active{background-color:var(--main-purple);color:var(--light)}.tab:hover{background-color:var(--hover);color:var(--light)}.eligibility-notice{background-color:#ebf5ff;border-left:4px solid #4299e1;padding:1rem;margin-bottom:1.5rem}.notice-content{display:flex;flex-direction:column;gap:.5rem}.notice-text{color:#2b6cb0;font-size:.875rem;line-height:1.5}.notice-date{color:#4a5568;font-size:.75rem}.notice-link{color:inherit;text-decoration:underline}.notice-link:hover{opacity:.8}@media screen and (max-width: 768px){.major-title{font-size:1rem}}.faq-item{margin-bottom:15px;border:1px solid var(--light-purple);border-radius:5px;overflow:hidden}.faq-question{background-color:var(--light-purple);color:var(--dark);padding:1.3rem;width:100%;text-align:left;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.faq-question:hover{background-color:var(--light-hover)}.chevron-icon{width:24px;height:24px}.faq-answer{background-color:var(--light);color:var(--dark);padding:1rem}.faq-section{margin-bottom:2rem}.faq-section-title{margin-bottom:.6rem}.landing-page{min-height:100vh;background-color:var(--light)}.main-content{padding-top:64px}.header{position:fixed;top:0;left:0;right:0;height:64px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06);z-index:100}.header-inner{max-width:1200px;height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:1.25rem;color:var(--dark)}.header-buttons{display:flex;align-items:center;gap:1rem}.header-login{background:none;border:none;color:var(--dark);font-weight:500;cursor:pointer;padding:.5rem 1rem}.header-login:hover{color:var(--main-purple)}.header-signup{padding:.5rem 1.25rem;border-radius:8px;font-weight:500}.hero{background:linear-gradient(135deg,#f8f9fc,#eef0f7);padding:4rem 2rem;min-height:calc(100vh - 64px);display:flex;align-items:center;overflow:hidden;position:relative}.hero-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.decoration-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--main-purple),var(--light-purple));opacity:.12}.decoration-1{width:600px;height:600px;top:-250px;right:-150px}.decoration-2{width:400px;height:400px;bottom:-150px;left:-150px}.decoration-3{width:250px;height:250px;top:60%;left:10%;opacity:.08}.hero-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center;width:100%}.hero-text{max-width:480px}.hero-title{font-size:3rem;font-weight:700;color:var(--dark);line-height:1.1;margin-bottom:1.25rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;color:var(--dark);opacity:.7;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.hero-button-primary{padding:.875rem 1.75rem;border-radius:8px;font-weight:600;font-size:1rem}.hero-button-secondary{padding:.875rem 1.75rem;border-radius:8px;font-weight:600;font-size:1rem;background:none;border:none;color:var(--main-purple);cursor:pointer}.hero-button-secondary:hover{background:#717dbc1a}.hero-video{position:relative;display:flex;justify-content:flex-start;align-items:center;overflow:visible}.landing-video{width:800px;min-width:800px;height:auto}.section-inner{max-width:1000px;margin:0 auto;padding:0 2rem}.section-title{font-size:2rem;font-weight:700;color:var(--dark);text-align:center;margin-bottom:3rem;letter-spacing:-.01em}.how-it-works{padding:5rem 2rem;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.step{position:relative;background:#f8f9fc;border-radius:12px;padding:2rem 1.5rem 1.5rem;cursor:pointer;text-align:center}.step:hover{background:#f0f2f8}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:28px;height:28px;background:var(--main-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.step-content{display:flex;flex-direction:column;align-items:center}.step-icon{width:40px;height:40px;color:var(--main-purple);margin-bottom:1rem}.step-title{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}.step-text{font-size:.9rem;color:var(--dark);opacity:.65;line-height:1.5}.testimonials{padding:5rem 2rem;background:#f8f9fc}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimonial{background:#fff;border-radius:12px;padding:1.75rem}.stars{display:flex;margin-bottom:1rem}.star-icon{width:16px;height:16px;color:var(--main-purple)}.testimonial-text{font-size:.95rem;line-height:1.6;color:var(--dark);opacity:.8;margin-bottom:1rem}.testimonial-author{font-weight:600;font-size:.9rem;color:var(--dark)}.cta{padding:5rem 2rem;background:var(--main-purple)}.cta-inner{max-width:600px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.cta-title{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.cta-text{font-size:1rem;color:#fff;opacity:.85;margin-bottom:1.5rem}.cta-button{background:#fff;color:var(--main-purple);padding:.875rem 2rem;border-radius:8px;font-weight:600}.cta-button:hover{background:#f0f0f0}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fc,#eef0f7);padding:2rem}.auth-container{max-width:380px;width:100%;padding:2.5rem;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a}.back-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--dark);opacity:.4;padding:0;margin-bottom:.5rem}.back-button:hover{opacity:1}.back-icon{width:20px;height:20px}.auth-title{font-size:1.75rem;font-weight:700;color:var(--dark);text-align:center;margin:.5rem 0 2rem}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--dark);opacity:.6}.auth-switch-link{color:var(--main-purple);font-weight:600;margin-left:.5rem;cursor:pointer}.auth-switch-link:hover{text-decoration:underline}.landing-form{display:flex;flex-direction:column;gap:.875rem;width:100%}.landing-form .btn-main{width:100%;padding:.875rem;justify-content:center;margin-top:.75rem;font-size:1rem}.landing-form .input-main{padding:.875rem 1rem;font-size:.95rem}.landing-input:focus{outline:none;border-color:var(--main-purple)}.password-reset-container{width:100%;text-align:center;margin-top:.25rem}.password-reset-link{color:var(--dark);cursor:pointer;opacity:.4;font-size:.85rem}.password-reset-link:hover{opacity:.8}@media screen and (max-width: 1200px){.hero-inner{grid-template-columns:1fr;gap:3rem;max-width:600px}.hero-text{max-width:100%;text-align:center}.hero-buttons,.hero-video{justify-content:center}.landing-video{width:100%;min-width:unset;max-width:600px}.decoration-1{width:400px;height:400px;top:-150px;right:-150px}.decoration-2{width:300px;height:300px;bottom:-100px;left:-100px}.decoration-3{display:none}}@media screen and (max-width: 768px){.header-inner{padding:0 1.25rem}.logo{font-size:1.1rem}.hero{padding:3rem 1.25rem;min-height:auto}.hero-inner{gap:2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.decoration-1{width:250px;height:250px;top:-100px;right:-80px}.decoration-2{width:200px;height:200px;bottom:-80px;left:-80px}.section-inner{padding:0 1.25rem}.section-title{font-size:1.5rem;margin-bottom:2rem}.how-it-works,.testimonials,.cta{padding:3rem 1.25rem}.steps{grid-template-columns:1fr;gap:2rem}.testimonials-grid{grid-template-columns:1fr}.cta-title{font-size:1.5rem}.auth-page{padding:1.5rem}.auth-container{padding:2rem 1.5rem}}.theme-toggle{display:flex;gap:20px}@media screen and (max-width: 768px){.theme-toggle{flex-direction:column}}.settings-field{margin-bottom:24px;background-color:var(--light);padding:2rem;border-radius:8px}.settings-label{margin-bottom:10px}.settings-input{width:100%;margin-bottom:10px}.remove-secondary-icon{color:var(--main-purple);cursor:pointer;width:1.5rem;height:1.5rem}.remove-secondary-icon:hover{color:var(--hover)}.secondary-college-item{display:flex;align-items:center;gap:5px}#new-name-input{margin-bottom:10px;width:100%}#delete-account-input{margin-bottom:10px;color:var(--dark);background-color:var(--white);width:100%}#secondary-college-btn{margin-bottom:10px}.top-bar{background-color:var(--light-purple);margin-left:270px;padding:1.5rem 5rem 1.5rem 1.5rem;width:calc(100% - 270px);display:flex;align-items:center}.info-icon{width:24px;height:24px;margin-right:8px;flex-shrink:0;color:var(--main-purple)}.top-bar-text{display:inline}.top-bar-link{color:var(--main-purple);cursor:pointer;text-decoration:underline}.top-bar-link:hover{text-decoration:none}@media screen and (max-width: 768px){.top-bar{width:100%;margin:0}}:root{--main-purple: #717dbc;--light-purple: #dbdef3;--dark: #25203f;--light: #f1f2f7;--light-hover: #b7bde2;--muted: #e9e9f1;--hover: #828ec9;--green: #47b475;--light-green: #d4edda;--red: rgb(234, 105, 105);--light-red: #ffcccc;--white: white}[data-theme=midnight]{--main-purple: #b3b8f3;--light-purple: #2c2c55;--dark: #dce1f7;--light: #25203f;--light-hover: #474779;--muted: #34355b;--hover: #a1a1e0;--green: #6fd4a8;--light-green: #3b6e5c;--red: rgb(255, 138, 138);--light-red: #b06d6d;--white: rgb(20, 18, 38)}[data-theme=forest]{--main-purple: #4a7c59;--light-purple: #b7cdb9;--dark: #2d4d3a;--light: #e0e5df;--light-hover: #7ab896;--muted: #a8b7ab;--hover: #5a9367;--green: #3c6e47;--light-green: #d1e7dd;--red: #a23b3b;--light-red: #f2cfcf;--white: #ffffff}[data-theme=lava]{--main-purple: #fa5317;--light-purple: #9a3f1e;--dark: #ffdab9;--light: #2e2e2e;--light-hover: #bb653d;--muted: #5c483c;--hover: #ff7f50;--green: #98fb98;--light-green: #1f711f;--red: #dc143c;--light-red: #b51f3a;--white: #1a1a1a}[data-theme=sakura]{--main-purple: #fb89a0;--light-purple: #ffe4e1;--dark: #8b3a62;--light: rgb(254, 248, 236);--light-hover: #f9d4d4;--muted: #f3e5f5;--hover: #ff69b4;--green: #709970;--light-green: #e8f5e9;--red: #ff6f61;--light-red: #ffcccb;--white: #ffffff}body{background-color:var(--white);color:var(--dark);transition:background-color .5s ease,color .5s ease}button,input,select,textarea,tr,.card,.navbar{transition:background-color .3s ease,color .3s ease,border-color .3s ease}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif;font-size:14px}html,body{overscroll-behavior:none;overflow-x:hidden}.App{max-width:100%}.content{margin-left:270px;padding:1.5rem 3rem;width:calc(100% - 270px)}input[type=text],textarea{background-color:var(--white);color:var(--dark)}input{outline:none}input:hover{border-color:var(--hover)}input::placeholder{color:var(--dark);opacity:1}h1{font-size:1.4rem;font-weight:500}h3{font-size:1.1rem;font-weight:500}.btn-main{display:flex;gap:.5rem;align-items:center;justify-content:center;border:none;border-radius:.5rem;padding:.7rem 1.3rem;background-color:var(--main-purple);color:var(--light);cursor:pointer;transition:.3s ease}.btn-icon{display:flex;width:1.3rem;align-items:center;justify-content:center}.btn-main:hover{background-color:var(--hover)}.input-main{padding:10px;border:1px solid var(--light-purple);border-radius:4px;background-color:#fff;height:38px}.modal-main{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:30px;text-align:center;max-width:400px;background-color:var(--light);border-radius:12px;box-shadow:0 4px 20px #00000026}.modal-main p{font-size:18px;margin-bottom:20px}.modal-button-container{display:flex;justify-content:center}.modal-input{width:100%}.modal-heading{margin-bottom:20px}.modal-input-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:10px}.modal-main .btn-primary,.modal-main .btn-secondary{width:auto}.btn-primary,.btn-secondary{display:inline-block;width:auto;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.btn-primary{color:var(--white);background-color:var(--main-purple);flex:1}.btn-primary:hover{background-color:var(--hover)}.btn-secondary{color:var(--main-purple);background-color:var(--light);margin-left:10px}.btn-secondary:hover{background-color:var(--light-purple)}@media screen and (max-width: 768px){.content{width:100%;margin:0}}