:root{--primary-color: #213547;--secondary-color: #4b657c;--tertiary-color: #f8f5f5;--light-color: #ffffff;--dark-color: #000000;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-small: 12px;--font-size-medium: 14px;--font-size-large: 16px;--border-radius: 4px;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--btn-bg: var(--light-color);--btn-color: var(--primary-color);--btn-border: var(--primary-color);--menu-bg: var(--primary-color);--menu-border: var(--light-color);--hover-bg: #f2f4f5}[data-theme=dark]{--primary-color: #f8f5f5;--secondary-color: #cfcfcf;--tertiary-color: #213547;--light-color: #000000;--dark-color: #ffffff;--btn-bg: var(--tertiary-color);--btn-color: var(--dark-color);--btn-border: var(--dark-color);--menu-bg: var(--dark-color);--menu-border: var(--tertiary-color);--hover-bg: rgba(75, 101, 124, .8)}.button-ui{width:120px;padding:.5rem .3rem;font-weight:500;font-size:var(--font-size-medium);color:var(--btn-color);background-color:var(--btn-bg);border:.1em solid var(--btn-border);border-radius:var(--border-radius);cursor:pointer}.button-ui:hover{background-color:var(--hover-bg)}.li{border:none;list-style:none;width:90%;padding:.3em .5em;display:flex;gap:1em;font-weight:800;cursor:pointer;align-items:center;list-style-type:none}.li:hover{border-left:.4em solid var(--btn-border);background:linear-gradient(to right,var(--secondary-color) 80%,transparent 100%);border-radius:var(--border-radius) 0 0 var(--border-radius)}.sidebar{margin:0;width:100%;display:flex;flex-direction:column;padding:.2rem 1em;background-color:var(--menu-bg);border-bottom:.1em solid var(--menu-border)}.assignment-status{margin:.5em 0;font-size:var(--font-size-small);font-weight:500;width:4.5rem;padding:.2em .1em;border-radius:var(--border-radius) 0;text-align:center;border:none}.assignment-status.completed{color:#016b01;background-color:#adfdad}.assignment-status.in-progress{color:#4f0779;background-color:#e9bcf7}.assignment-status.not-started{color:#f50101;background-color:#ffcaca}.assignment-card{padding:0 1em;width:18rem;border-radius:var(--border-radius);cursor:pointer;border:.15em solid}.assignment-card.completed{border-color:#adfdad}.assignment-card.in-progress{border-color:#e9bcf7}.assignment-card.not-started{border-color:#ffcaca}.assignment-card-heading{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:.1em solid var(--secondary-color)}.assignment-card-body{display:flex;flex-direction:column;gap:.7rem;padding:.7rem 0}.assignment-card:hover{background-color:var(--hover-bg)}.course-card,.course-card-child{border-right:.1em solid var(--secondary-color);border-bottom:.1em solid var(--secondary-color);border-radius:var(--border-radius);cursor:pointer}.course-card{width:18rem;padding-bottom:.1em}.course-card-child{width:17.8rem;padding:.5em 0 .5em 1em}.course-card-title{padding:.8em .5em;border-bottom:.1em solid var(--secondary-color);margin-bottom:.2em}.authentication-background{width:100%;height:100vh}.authentication-background-wrapper{position:relative;width:100%;height:100vh;background:linear-gradient(to top,rgba(33,53,71,.87) 40%,transparent 100%);display:flex;align-items:center;justify-content:center;flex-direction:column}.attri{width:100%;position:absolute;bottom:.4rem;text-align:center;font-size:.7em;color:var(--secondary-color)}.attri a{text-decoration:none;color:var(--primary-color);font-weight:900}.input-field-wrapper{position:relative;width:280px;margin:.5rem 0;display:flex}.input-field-wrapper .icon,.input-field-wrapper .show{position:absolute;top:50%;transform:translateY(-50%);color:var(--primary-color)}.input-field-wrapper .icon{left:10px}.input-field-wrapper .show{right:10px;z-index:3}.input-field-wrapper input,.input-field-wrapper textarea{width:100%;padding:14px 12px 14px 36px;border:.2em solid var(--primary-color);font-size:var(--font-size-large);border-radius:var(--border-radius);background-color:var(--light-color);outline:none;transition:border-color .2s,padding-top .2s,font-size .2s}.input-field-wrapper input:focus{border-color:var(--secondary-color)}.input-field-wrapper input::placeholder{color:#6b7280;transition:transform .2s,font-size .2s,color .2s}.input-field-wrapper input:focus::placeholder,.input-field-wrapper input:not(:placeholder-shown)::placeholder{transform:translateY(-1.4em) scale(.85);font-size:var(--font-size-small);color:#4f46e5}.log-in-form{display:flex;flex-direction:column;align-items:center}.loader-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.loader{width:48px;height:48px;border:2px solid #d8d6d6;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after,.loader:before{content:"";box-sizing:border-box;position:absolute;left:0;top:0;background:#ff3d00;width:6px;height:6px;border-radius:50%}.loader:before{inset:auto 0 0 auto}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-status{width:300px;height:40px;background-color:#f5f5f5;border:.1em solid #cecccc;color:#213547;position:relative;border-top-left-radius:.2em;border-bottom-left-radius:.2em;animation:slidein .6s ease-out forwards,fadeout .5s ease-in 2.5s forwards}.response-status .success{border-left:.3em solid #016b01!important}.response-status .failed{border-left:.3em solid red!important}@keyframes slidein{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeout{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}