html,body{background-color:#f8f9fa;margin:0;padding:0;font-family:Poppins,Roboto,Helvetica,Arial,sans-serif}.login-container{background:linear-gradient(135deg,#c62828 0%,#880e4f 50%,#4a148c 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:#ffffff0d;border-radius:50%;width:80%;height:150%;position:absolute;top:-50%;right:-30%;transform:rotate(-15deg)}.login-card{width:100%;max-width:400px;padding:2rem;border-radius:20px!important}.login-logo{width:100px;height:auto;margin-bottom:1rem}.video-player-page{color:#fff;background:#121212;min-height:calc(100vh - 64px);margin:-32px;padding:24px}.video-container{background:#000;border-radius:12px;width:100%;height:calc(100vh - 140px);min-height:300px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.video-container video{display:block}.video-rotate-action{z-index:5;-webkit-backdrop-filter:blur(6px);opacity:.45;width:44px;height:44px;box-shadow:0 2px 8px #00000080;color:#fff!important;background:#000000b3!important;border:1px solid #ffffff59!important;border-radius:10px!important;position:absolute!important;top:12px!important}.video-rotate-action:hover{opacity:1;background:#000000e0!important;border-color:#fff9!important}.video-rotate-left{left:12px!important}.video-rotate-right{right:12px!important}.appbar-breadcrumbs li .MuiBreadcrumbs-separator{color:#b0bec5;font-size:.8rem}.exam-card{border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.exam-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.exam-card-ended{opacity:.85}.exam-card-ended:hover{opacity:1}.video-tile-thumb{background:linear-gradient(135deg,#c62828,#e53935);border-radius:10px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex;position:relative}.video-tile-number{color:#fffc;font-size:.6rem;font-weight:700;line-height:1;position:absolute;bottom:2px;right:4px}.video-sidebar{flex-direction:column;height:calc(100vh - 140px);display:flex}.video-sidebar .info-card.transcription-card{flex-direction:column;flex:1;min-height:0;display:flex}.transcription-panel{white-space:pre-wrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-height:0;margin-top:.75rem;padding:1rem;font-size:1rem;line-height:1.8;overflow-y:auto}.student-badge{background:linear-gradient(135deg,#00838f,#00acc1);border-radius:8px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex;position:relative}.student-badge-number{color:#ffffffd9;font-size:.55rem;font-weight:700;line-height:1;position:absolute;bottom:1px;right:3px}.video-rotate-action,.video-nav-action,.video-controls{transition:opacity .25s}.video-container.controls-hidden .video-rotate-action,.video-container.controls-hidden .video-nav-action,.video-container.controls-hidden .video-controls{opacity:0;pointer-events:none}.video-container.controls-hidden{cursor:none}.video-nav-action{z-index:5;-webkit-backdrop-filter:blur(6px);opacity:.45;width:44px;height:44px;box-shadow:0 2px 8px #00000080;color:#fff!important;background:#000000b3!important;border:1px solid #ffffff59!important;border-radius:10px!important;position:absolute!important;top:calc(50% - 22px)!important}.video-nav-action:hover{opacity:1;background:#000000e0!important;border-color:#fff9!important}.video-nav-prev{left:12px!important}.video-nav-next{right:12px!important}.video-controls{z-index:5;color:#fff;background:linear-gradient(#0000 0%,#00000080 40%,#000000d9 100%);align-items:center;gap:10px;padding:24px 12px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-controls .MuiIconButton-root{padding:4px;color:#ffffffeb!important;background:0 0!important}.video-controls .MuiIconButton-root:hover{color:#fff!important;background:#ffffff1f!important}.video-time{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.3px;text-shadow:0 1px 2px #0009;font-size:.82rem}.video-progress{flex:1;margin:0 6px;color:#fff!important}.video-progress .MuiSlider-thumb{width:12px;height:12px;box-shadow:0 1px 3px #00000080}.video-progress .MuiSlider-rail{opacity:1;background:#ffffff59}.video-progress .MuiSlider-track{border:none}.video-below-bar{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.video-player-page .info-card{color:#e0e0e0;background:#1e1e1e;border:1px solid #2d2d2d}