@import"https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.examIp{display:flex;flex-direction:column;gap:.3rem}.miniBox{text-decoration:none!important;transition:.5s!important}.miniBox:hover{box-shadow:5px 5px 20px #000!important}.backBtn:hover{color:backBtn}body{margin:0;padding:0;box-sizing:border-box}.formstyle{box-shadow:0 5px 10px gray!important;padding:1rem 3rem;margin-top:1rem}.font{font-family:Plus Jakarta Sans,sans-serif!important;font-optical-sizing:auto!important;font-size:2rem!important;color:"maroon"!important;overflow-x:"auto"!important}@media (max-width: 520px){.font{font-size:1.3rem!important}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:#333}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in}.Studentbtns{height:3.5rem;display:flex!important;align-items:center!important;justify-content:space-between!important;margin-left:2rem}.btngrp{display:flex;gap:1.5rem;margin-right:3rem}.btn{color:#fff;border:none;background-color:none;text-decoration:none;font-weight:600}.btn:hover{color:#f5f5f5d4}.formStuff{display:flex!important;justify-content:space-between!important}.formbtn{color:maroon!important;z-index:9999;position:absolute;right:3rem;text-decoration:none;font-weight:500;font-size:1.1rem;padding:7px .7rem;border-radius:7px}.formbtn:hover{background-color:#f5f5f5}.dashboard-container{display:flex;min-height:100vh}.sidebar{width:280px;background-color:#c41e3a;color:#fff;padding:2rem 1rem;display:flex;flex-direction:column}.logo{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem}.logo h2{margin:0;font-size:1.5rem}.user-type{font-size:.9rem;opacity:.8;margin-top:.5rem}.nav-menu{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;padding:1rem;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.nav-item:hover{background-color:#ffffff1a}.nav-item.active{background-color:#fff3}.nav-item .icon{margin-right:1rem;font-size:1.2rem}.main-content{flex:1;padding:2rem;background-color:#f5f5f5;overflow-y:auto}.logout-section{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.logout-button{width:100%;display:flex;align-items:center;padding:1rem;background:none;border:none;color:#fff;cursor:pointer;border-radius:8px;transition:background-color .3s ease}.logout-button:hover{background-color:#ffffff1a}.logout-button .icon{margin-right:1rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.stat-card h3{color:#666;font-size:1.1rem;margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:700;color:#c41e3a;margin-bottom:.5rem}.stat-label{color:#888;font-size:.9rem}h1{color:#333;margin-bottom:1rem;font-size:2rem;font-weight:600}@media (max-width: 768px){.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:1.25rem}.stat-number{font-size:2rem}}.dashboard-container{display:flex;height:100vh}.sidebar{width:250px;background-color:#c62828;color:#fff;padding:20px;display:flex;flex-direction:column;transition:transform .3s ease-in-out;position:relative;z-index:1000}.main-content{flex:1;padding:20px;background-color:#f7f7f7;overflow-y:auto}.mobile-header{display:none;background-color:#c62828;color:#fff;padding:10px;align-items:center}.hamburger{background:none;border:none;font-size:28px;color:#fff;cursor:pointer;margin-right:10px}.logout{margin-top:auto;padding-top:20px}.mobile-close{display:none}@media (max-width: 768px){.sidebar{position:absolute;top:0;left:0;height:100%;transform:translate(-100%);width:250px;background-color:#c62828}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.dashboard-container{flex-direction:column}.main-content{padding:20px}.mobile-close{display:flex;justify-content:flex-end;margin-bottom:20px}.close-btn{background:none;border:none;font-size:26px;color:#fff;cursor:pointer}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f6ded8;padding:1rem}.auth-box{background:#fff;padding:1.5rem 2rem;border-radius:16px;box-shadow:0 6px 18px #00000014;transition:all .3s ease}.auth-box:hover{transform:translateY(-4px)}.auth-box h2{text-align:center;color:#b82132;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.user-type-toggle{display:flex;gap:.8rem;margin-bottom:1.5rem;background:#f6ded8;padding:.4rem;border-radius:50px}.toggle-btn{flex:1;padding:.5rem;border:none;border-radius:50px;cursor:pointer;background:none;font-weight:600;color:#b82132;transition:all .3s ease}.toggle-btn.active{background:linear-gradient(to right,#b82132);color:#fff;box-shadow:0 2px 8px #b8213266}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.3rem;color:#000;font-size:.9rem}.form-group input{width:100%;padding:.7rem;border:1px solid black;border-radius:8px;font-size:1rem;background:#fff;transition:all .3s ease}.error-message{background:#ffe5e5;color:#b82132;padding:.6rem;border-radius:8px;margin-bottom:1rem;text-align:center;font-weight:500}.submit-btn{width:100%;padding:.8rem;background:linear-gradient(to right,#b82132);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.submit-btn:hover{background:linear-gradient(to right,#d2665a,#f2b28c);transform:scale(1.02)}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.auth-links{margin-top:1.5rem;text-align:center}.register-link{color:#555;margin-bottom:.4rem;font-size:.85rem}.register-link a{color:#b82132;font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}.test-account-btn{background:none;border:none;color:#777;text-decoration:underline;cursor:pointer;font-size:.85rem;margin-top:.6rem}.test-account-btn:hover{color:#b82132}.home-link{display:block;margin-top:1.2rem}.home-btn{width:100%;padding:.7rem;background-color:#f6ded8;color:#b82132;border:1px solid #b82132;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease}.home-btn:hover{background-color:#b82132;color:#fff}.home-page{min-height:100vh;background-image:linear-gradient(#f6ded8cc,#f2b28ccc),url(data:image/jpeg;base64,IA==);background-size:cover;background-position:center;background-repeat:no-repeat}.home-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.home-content{max-width:1000px;width:100%;text-align:center;color:#b82132}.home-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;text-shadow:1px 1px 2px rgba(184,33,50,.3)}.subtitle{font-size:1.2rem;font-weight:700;margin-bottom:3rem;color:#d2665a}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.feature-item{background:#f6ded8;padding:2rem;border-radius:20px;transition:transform .4s ease,background .4s ease;box-shadow:0 4px 12px #00000014}.feature-item:hover{transform:translateY(-8px);background:#f2b28c}.feature-icon{font-size:2.8rem;margin-bottom:1rem;color:#b82132;display:inline-block}.feature-item h3{font-size:1.4rem;margin-bottom:.5rem;color:#b82132}.feature-item p{font-size:.95rem;color:#555}.auth-buttons{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.auth-btn{padding:1rem 2.5rem;font-size:1.1rem;border:2px solid transparent;border-radius:30px;cursor:pointer;font-weight:600;transition:all .3s ease}.login-btn{background-color:#b82132;color:#fff}.login-btn:hover{background-color:#d2665a}.register-btn{background-color:transparent;color:#b82132;border:2px solid #b82132}.register-btn:hover{background-color:#f6ded8;color:#b82132}@media (max-width: 768px){.home-content h1{font-size:2.5rem}.features{grid-template-columns:1fr;gap:1.5rem}.auth-buttons{flex-direction:column}.auth-btn{width:100%}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to right,#f8c8c8,#f2af88);padding:1rem}.auth-container{width:100%;max-width:500px}.auth-box{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 0 10px #0000001a}h2{text-align:center;color:#c62828;margin-bottom:1.5rem}.user-type-toggle{display:flex;margin-bottom:1.5rem;background-color:#f9d7d7;border-radius:2rem;overflow:hidden}.toggle-btn{flex:1;padding:.7rem;background:none;border:none;color:#c62828;font-weight:700;cursor:pointer}.toggle-btn.active{background-color:#c62828;color:#fff;border-radius:2rem}form,.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;font-weight:700;font-size:.9rem}.form-group input{border:1px solid #ccc;border-radius:.5rem;font-size:1rem}.submit-btn{margin-top:1rem;width:100%;padding:.8rem;background-color:#c62828;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer}.auth-link{margin-top:1rem;text-align:center}form.more-than-two{flex-wrap:wrap}form.more-than-two .form-group{flex:1 1 calc(50% - .5rem)}form.more-than-two .submit-btn{flex:1 1 100%}