:root{font-family:Inter,system-ui,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f9fafb;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(139,92,246,.18),transparent 30%),linear-gradient(135deg,#0f172a,#111827)}.login-card{width:100%;max-width:420px;background:#111827eb;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;box-shadow:0 20px 50px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:24px}.login-header h2{margin:0;font-size:2rem;color:#fff}.login-header p{margin-top:8px;color:#9ca3af;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:18px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.95rem;font-weight:600;color:#e5e7eb}.input-group input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #374151;background-color:#111827;color:#f9fafb;font-size:1rem;outline:none;transition:.2s ease}.input-group input::placeholder{color:#6b7280}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.login-button{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.login-button:hover{transform:translateY(-1px);opacity:.96}.message{margin:0;padding:12px 14px;border-radius:10px;font-size:.95rem}.success-message{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#86efac}.error-message{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.student-page{min-height:100vh;display:flex;background:radial-gradient(circle at top left,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at bottom right,rgba(139,92,246,.12),transparent 30%),linear-gradient(135deg,#06153a,#081b4a);color:#fff;font-family:Arial,sans-serif}.student-sidebar{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between;transition:width .25s ease;overflow:hidden;box-shadow:8px 0 24px #00000026}.student-sidebar.open{width:250px}.student-sidebar.closed{width:82px}.sidebar-header{padding:18px 16px;display:flex;justify-content:center}.hamburger-button{border:none;background:#ffffff1f;color:#fff;width:46px;height:46px;border-radius:12px;font-size:22px;cursor:pointer;transition:.2s ease}.hamburger-button:hover{background:#fff3;transform:translateY(-1px)}.sidebar-menu{display:flex;flex-direction:column;gap:12px;padding:14px;flex:1}.sidebar-menu-item{border:none;background:#ffffffe6;color:#0f172a;padding:14px;text-align:left;cursor:pointer;font-size:14px;font-weight:600;min-height:50px;border-radius:14px;transition:.2s ease;box-shadow:0 6px 14px #00000014}.sidebar-menu-item:hover{background:#fff;transform:translate(2px)}.student-sidebar.closed .sidebar-menu-item{text-align:center;padding:14px 0;font-size:0;position:relative}.student-sidebar.closed .sidebar-menu-item:after{content:"•";font-size:24px;color:#0f172a}.sidebar-menu-item.active{background:linear-gradient(135deg,#fff,#dbeafe);color:#1d4ed8;font-weight:700;border:1px solid rgba(59,130,246,.2)}.sidebar-footer{padding:14px;display:flex;flex-direction:column;gap:14px}.sidebar-user-info{background:#ffffff1a;padding:14px;border-radius:14px;color:#fff}.sidebar-user-info p{margin:4px 0;font-size:13px;word-break:break-word}.sidebar-logout{border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px;cursor:pointer;font-weight:700;border-radius:12px;transition:.2s ease;box-shadow:0 8px 18px #ef444440}.sidebar-logout:hover{transform:translateY(-1px);filter:brightness(1.05)}.student-main{flex:1;padding:26px}.student-topbar{display:flex;justify-content:space-between;align-items:center;background:#ffffffe6;color:#0f172a;padding:18px 22px;margin-bottom:24px;border-radius:18px;box-shadow:0 12px 28px #00000024}.student-topbar h2{margin:0;font-size:28px;font-weight:800}.student-topbar span{font-size:15px;color:#475569;font-weight:600}.student-content-box{background:#ffffffe6;min-height:420px;max-width:820px;color:#0f172a;padding:24px;border-radius:22px;box-shadow:0 18px 40px #00000029}.student-content-box p{margin-top:0;font-size:16px;line-height:1.6}.student-error{color:#fecaca;margin-bottom:12px}.student-content-box h3{margin-top:0;margin-bottom:10px;font-size:24px;font-weight:800}