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{object-fit:contain;width:100%;height:100%;display:block}.video-rotate-btn{z-index:2;width:36px;height:36px;position:absolute;top:8px;color:#ffffffb3!important;background:#00000080!important}.video-rotate-left{left:8px}.video-rotate-right{right:8px}.video-rotate-btn:hover{color:#fff!important;background:#000000bf!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-wrapper{align-items:center;gap:8px;display:flex}.video-wrapper .video-container{flex:1;min-width:0}.video-nav-btn{border:1px solid #ffffff1a;border-radius:50%;width:44px;min-width:44px;height:44px;transition:background .2s,color .2s;color:#b0bec5!important;background:#ffffff0f!important}.video-nav-btn:hover{color:#fff!important;background:#ffffff24!important}.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}