@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap";:root{--app-bg: #F5F6F8;--app-surface: rgba(255, 255, 255, .84);--app-surface-strong: #FFFFFF;--app-text: #24323D;--app-text-muted: #5E6B76;--app-primary: #5DA696;--app-primary-dark: #4A8B7D;--app-secondary: #E77559;--app-border: rgba(36, 50, 61, .08);--app-border-hover: rgba(36, 50, 61, .16);--app-shadow: 0 20px 45px rgba(36, 50, 61, .1);--app-shadow-sm: 0 1px 3px rgba(36, 50, 61, .08);--app-sidebar-bg: #5DA696;--app-sidebar-active-bg: #F5F6F8;--app-sidebar-active-text: #5DA696;--app-sidebar-text: rgba(255, 255, 255, .9);--app-sidebar-hover: rgba(255, 255, 255, .15);--app-input-bg: #f9fafb;--app-scrollbar: rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Nunito,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);color:var(--app-text);transition:background-color .22s ease,color .22s ease}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--app-scrollbar);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--app-border-hover)}.required{color:var(--app-secondary)}.layout-root{display:flex;height:100vh;overflow:hidden;background-color:var(--app-bg);position:relative;transition:background-color .22s ease}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:24px 0;overflow:visible;position:relative}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 20px;margin-bottom:40px}.sidebar-logo-img{width:32px;height:32px;object-fit:contain;background:#fff;border-radius:8px;padding:4px;flex-shrink:0}.sidebar-logo-text{color:#fff;font-weight:700!important;letter-spacing:-.025em;font-size:1.15rem!important}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding-left:12px;padding-top:8px;padding-bottom:8px}.nav-item-wrapper{position:relative}.nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-top-left-radius:50px;border-bottom-left-radius:50px;position:relative;z-index:10;transition:all .2s ease;text-decoration:none;font-size:.875rem;cursor:pointer}.nav-link-active{background-color:var(--app-sidebar-active-bg);color:var(--app-sidebar-active-text);font-weight:700}.nav-link-inactive{color:var(--app-sidebar-text)}.nav-link-inactive:hover{background-color:var(--app-sidebar-hover)}.nav-icon{flex-shrink:0}.nav-label{font-size:.875rem}.nav-curve{position:absolute;right:0;width:24px;height:24px;background-color:var(--app-sidebar-active-bg);z-index:0;pointer-events:none;transition:background-color .22s ease}.nav-curve-top{top:-24px}.nav-curve-bottom{bottom:-24px}.nav-curve-inner{width:100%;height:100%;background-color:var(--app-sidebar-bg);border-bottom-right-radius:24px;transition:background-color .22s ease}.nav-curve-inner-bottom{border-bottom-right-radius:0;border-top-right-radius:24px}.sidebar-bottom{margin-top:auto;padding:24px 16px;display:flex;flex-direction:column;gap:4px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px}@media(min-width:1200px){.topbar{padding:0 32px}}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(min-width:1200px){.topbar-right{gap:16px}}.search-box{display:flex;align-items:center;background:var(--app-surface-strong);border-radius:50px;padding:8px 16px;width:100%;max-width:360px;box-shadow:var(--app-shadow-sm);border:1px solid var(--app-border);transition:background-color .22s ease,border-color .22s ease}.search-icon{color:var(--app-text-muted)}.profile-chip{display:flex;align-items:center;gap:8px;background:var(--app-surface-strong);padding:4px 16px 4px 6px;border-radius:50px;box-shadow:var(--app-shadow-sm);margin-left:4px;cursor:pointer;border:1px solid var(--app-border);transition:border-color .2s ease,background-color .22s ease}.profile-chip:hover{border-color:var(--app-border-hover)}.page-content{flex:1;overflow:auto;padding:8px 16px 16px;background-color:var(--app-bg);transition:background-color .22s ease}@media(min-width:1200px){.page-content{padding:8px 32px 32px}}.login-root{min-height:100vh;width:100%;display:flex;background:var(--app-surface-strong);font-family:Nunito,sans-serif;transition:background-color .22s ease}.login-left{flex:1;flex-direction:column;align-items:center;justify-content:center;padding:48px;position:relative}.login-left-logo{position:absolute;top:40px;left:48px;display:flex;align-items:center;gap:12px}.login-illustration{width:100%;max-width:500px;margin-top:64px}.illustration-container{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.illustration-image{border-radius:50%;width:75%;height:75%;object-fit:cover;box-shadow:0 25px 50px -12px #00000026}.illustration-decor-1{position:absolute;top:40px;left:40px;width:96px;height:192px;background:#5da6961f;border-radius:999px;z-index:-1}.illustration-decor-2{position:absolute;bottom:40px;right:40px;width:128px;height:128px;background:#e7755914;border-radius:50%;z-index:-1}.login-right{flex:1;background:var(--app-sidebar-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden;transition:background-color .22s ease}@media(min-width:1200px){.login-right{padding:96px}}.login-bg-decor-1{position:absolute;top:-20%;right:-10%;width:500px;height:500px;border-radius:50%;background:#ffffff0d;filter:blur(48px);pointer-events:none}.login-bg-decor-2{position:absolute;bottom:-10%;left:-10%;width:300px;height:300px;border-radius:50%;background:#0000000d;filter:blur(32px);pointer-events:none}.login-form-container{width:100%;max-width:448px;position:relative;z-index:10}.login-mobile-logo{align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.login-header{text-align:center;margin-bottom:48px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem!important;font-weight:600!important;color:#ffffffe6!important}.dashboard-root{display:flex;flex-direction:column;gap:24px;width:100%}.kpi-card{position:relative;overflow:hidden}.kpi-card-primary{background:var(--app-primary)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #00000026!important}.kpi-card-secondary{background:var(--app-secondary)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #00000026!important}.kpi-card-grey{background:var(--app-text-muted)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #00000026!important}.kpi-card-outlined{background:var(--app-surface-strong)!important;border:1px solid var(--app-border)!important}.kpi-card-outlined .kpi-value{color:var(--app-primary)!important}.kpi-card-outlined .kpi-title,.kpi-card-outlined .kpi-subtitle{color:var(--app-text-muted)!important}.kpi-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;gap:4px}.kpi-value{font-weight:800!important;line-height:1!important;letter-spacing:-.025em!important}.kpi-title{font-weight:600!important;opacity:.9;margin-top:8px!important}.kpi-subtitle{opacity:.75;margin-top:2px!important}.kpi-decor-1{position:absolute;bottom:-24px;right:-24px;width:96px;height:96px;border-radius:50%;background:#ffffff1a}.kpi-decor-2{position:absolute;top:-24px;right:-8px;width:64px;height:64px;border-radius:50%;background:#0000000d}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.syllabus-list{display:flex;flex-direction:column;gap:20px}.progress-item{display:flex;flex-direction:column;gap:6px}.progress-header{display:flex;justify-content:space-between;align-items:center}.dailylogs-root{max-width:960px;margin:0 auto;padding-bottom:48px}.dailylogs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dailylogs-actions{display:flex;gap:12px}.dailylogs-actions-mobile{gap:12px}.dailylogs-form{display:flex;flex-direction:column}.resource-chips{display:flex;flex-wrap:wrap;gap:8px}.hw-actions{display:flex;gap:12px}.hw-entries-list{display:flex;flex-direction:column;gap:12px}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5) sepia(1) saturate(2) hue-rotate(120deg);cursor:pointer}.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8)}.evaluations-root{display:flex;flex-direction:column;gap:24px;width:100%;padding-bottom:48px}.eval-header{display:flex;align-items:center;justify-content:space-between}.eval-assignments-header{padding:16px 24px 12px;border-bottom:1px solid var(--app-border);background:var(--app-surface)}.student-table-container{padding:24px;background:var(--app-surface);box-shadow:inset 0 2px 4px #0000000a}.student-table-header{padding:16px 24px;border-bottom:1px solid var(--app-border);display:flex;align-items:center;justify-content:space-between}.student-search-bar{padding:12px 16px;border-bottom:1px solid var(--app-border);background:var(--app-surface)}.student-search-input{display:flex;align-items:center;background:var(--app-surface-strong);border:1px solid var(--app-border);border-radius:8px;padding:6px 12px;width:260px;max-width:100%;transition:border-color .2s ease}.student-search-input:focus-within{border-color:var(--app-primary)}.student-table-footer{padding:16px 24px;border-top:1px solid var(--app-border);display:flex;justify-content:flex-end}.lecture-notes-toggle .MuiFormControlLabel-label{font-weight:500;color:var(--app-text-muted);transition:all .2s ease}.lecture-notes-toggle.active .MuiFormControlLabel-label{font-weight:700;color:var(--app-primary)}.profile-chip{display:flex;align-items:center;gap:8px;cursor:pointer}.profile-menu{width:260px;padding:16px}.profile-user-info{text-align:center;margin-bottom:8px}.profile-avatar-large{width:64px!important;height:64px!important;margin:0 auto}.profile-name{font-weight:600;color:var(--app-text)}.profile-email{font-size:13px;color:var(--app-text-muted)}.profile-divider{margin:8px 0;border-color:var(--app-border)!important}.profile-info-label{font-size:.75rem;color:var(--app-text-muted);display:block;margin-bottom:4px}.profile-info-value{font-size:1rem;font-weight:600;color:var(--app-text)}.card-style{border-radius:12px;box-shadow:var(--app-shadow-sm);border:1px solid var(--app-border);background:var(--app-surface-strong);transition:background-color .22s ease,border-color .22s ease}.field-style .MuiOutlinedInput-root{border-radius:8px;background:var(--app-input-bg)}.field-style .MuiOutlinedInput-root:hover fieldset,.field-style .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--app-primary)}.field-style label.Mui-focused{color:var(--app-primary)}.sidebar-container{height:100%;background:var(--app-sidebar-bg);color:var(--app-sidebar-text);display:flex;flex-direction:column;padding:15px 10px;transition:background-color .22s ease}.sidebar-close{position:absolute;right:10px;top:10px;color:#fff}.sidebar-title{font-weight:600;color:#fff}.nav-row{display:flex;align-items:center}.submenu{padding-left:28px}.submenu-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:20px;margin:4px 0;color:var(--app-sidebar-text);text-decoration:none;font-size:14px;transition:.2s}.submenu-link:hover{background:var(--app-sidebar-hover)}.submenu-link.nav-active{background:#ffffff40;color:#fff;font-weight:600}.submenu-icon{font-size:18px}.submenu-arrow{color:var(--app-sidebar-text)}.rotate{transform:rotate(180deg)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}