@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-body:#f0f2f5;--bg-card:#fff;--bg-panel:#f8f9fa;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--primary-blue:#0d6efd;--success-green:#28a745;--warning-gold:#ffc107;--danger-red:#dc3545;--sidebar-bg:#fff;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-universal:14px}body.dark-mode{--bg-body:#0f172a;--bg-card:#1e293b;--bg-panel:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#334155;--sidebar-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.5;transition:background-color .3s,color .3s;font-size:var(--font-size-universal)!important;font-weight:400!important}h1,h2,h3,h4,h5,h6,.title,.subtitle{letter-spacing:0;margin-bottom:.5rem;line-height:1.5;font-size:var(--font-size-universal)!important;font-weight:600!important}p,span,div,small,.text-small{font-weight:400;font-size:var(--font-size-universal)!important}small,.text-small{color:var(--text-muted)}button,input,textarea,select{font-family:var(--font-primary);font-weight:400;font-size:var(--font-size-universal)!important}.navbar{background-color:var(--primary-blue);color:#fff;z-index:1000;justify-content:space-between;align-items:center;padding:.8rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 8px #00000026}body.dark-mode .navbar{background-color:#0a58ca}.logo-text{margin:0;font-weight:600!important}.nav-cluster{align-items:center;gap:20px;display:flex}.user-profile-trigger{cursor:pointer;align-items:center;gap:10px;display:flex;font-weight:600!important}.nav-profile-pic{border:2px solid #ffc107;border-radius:50%;width:35px;height:35px}.nav-divider{background:#ffffff4d;width:1px;height:28px}.theme-btn,.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:5px;padding:8px 12px;transition:all .2s;font-weight:600!important}.theme-btn:hover,.logout-btn:hover{background:#ffffff4d}.btn-primary{background-color:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.8rem 1.5rem;transition:all .2s;font-weight:600!important}.btn-primary:hover{opacity:.9}.app-layout{align-items:flex-start;min-height:calc(100vh - 66px);display:flex}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:calc(100vh - 66px);padding:1.5rem 0;transition:all .3s;display:flex;position:sticky;top:66px}.sidebar-item{cursor:pointer;color:var(--text-muted);border-left:4px solid #0000;align-items:center;gap:12px;margin-bottom:.2rem;padding:1rem 2rem;text-decoration:none;transition:all .2s;display:flex;font-weight:400!important}.sidebar-item i{text-align:center;width:25px;font-size:1.2rem!important}.sidebar-item:hover:not(.active){background-color:var(--bg-body);color:var(--text-main)}.sidebar-item.active{background-color:var(--bg-panel);color:var(--primary-blue);border-left-color:var(--primary-blue);font-weight:600!important}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2.5rem}.card-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.sub-header-border{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.8rem}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem}th{background-color:var(--bg-panel);color:var(--text-muted);text-transform:uppercase;font-weight:600!important}.landing-body{color:#333;background:linear-gradient(135deg,#17a2b8 0%,#0d6efd 100%);min-height:100vh;margin:0;display:flex;overflow-x:hidden}.brand-panel{color:#fff;z-index:1;flex-direction:column;flex:1.2;justify-content:center;padding:4rem 4rem 4rem 8rem;display:flex;position:relative}.brand-content{z-index:10;max-width:550px;position:relative}.brand-content h1,.brand-content .title,.landing-logo-text{letter-spacing:-4px!important;text-shadow:4px 8px 15px #00000040!important;margin-bottom:.5rem!important;font-size:8.5rem!important;font-weight:900!important;line-height:1!important}.brand-content h2,.brand-content .subtitle,.slogan-text{letter-spacing:-.02em!important;margin-bottom:1.5rem!important;font-size:3rem!important;font-weight:300!important;line-height:1.2!important}.slogan-text .highlight{color:#ffc107;text-shadow:1px 2px 5px #0003;font-weight:600!important}.brand-content p,.brand-desc{opacity:.95;text-shadow:0 2px 6px #00000040;max-width:100%;font-size:1.15rem!important;font-weight:400!important;line-height:1.6!important}.floating-element{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:5;background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.el-1{width:110px;height:110px;animation-delay:0s;top:15%;right:12%;font-size:3.5rem!important}.el-2{width:90px;height:90px;animation-delay:2s;top:45%;right:5%;font-size:2.8rem!important}.el-3{color:#ffc107;width:130px;height:130px;animation-delay:4s;bottom:12%;right:22%;font-size:4.5rem!important}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.auth-panel{z-index:10;flex:1;justify-content:center;align-items:center;padding:2rem 6rem 2rem 2rem;display:flex;position:relative}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:480px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000040}.tab-header{border-bottom:1px solid #eee;margin-bottom:25px;transition:all .3s;display:flex}.auth-tab{text-align:center;cursor:pointer;color:#aaa;border-bottom:3px solid #0000;flex:1;padding:18px;transition:all .3s;font-weight:600!important}.auth-tab.active{color:#17a2b8;border-bottom:3px solid #17a2b8}.auth-tab:hover:not(.active){color:#666}.form-container{padding:0 40px}.sub-header-text{color:#777;text-align:center;margin-bottom:20px;line-height:1.4}.input-group{margin-bottom:15px;position:relative}.input-group i{color:#aaa;position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:1.1rem!important}.input-group input{background:#fafafa;border:1px solid #ddd;border-radius:8px;width:100%;padding:14px 14px 14px 45px;transition:all .3s}.input-group input:focus{background:#fff;border-color:#17a2b8;outline:none;box-shadow:0 0 0 3px #17a2b81a}.btn-action{color:#fff;cursor:pointer;letter-spacing:.5px;background:#17a2b8;border:none;border-radius:8px;width:100%;margin:20px 0;padding:15px;transition:all .3s;font-weight:600!important}.btn-action:hover{background:#138496;transform:translateY(-1px);box-shadow:0 4px 12px #17a2b84d}.student-block{text-align:center;background:#f8f9fa;border-top:1px solid #eee;padding:1.5rem 40px}@media (width<=900px){.landing-body{flex-direction:column}.brand-panel{text-align:center;flex:none;padding:3rem 2rem}.brand-content{max-width:100%;margin:0 auto}.brand-content h1,.brand-content .title,.landing-logo-text{font-size:4.5rem!important}.brand-content h2,.brand-content .subtitle,.slogan-text{font-size:2.2rem!important}.brand-desc,.floating-element{display:none}.auth-panel{padding:1rem 1.5rem 3rem}}