:root{--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--color-primary: #1976d2;--color-primary-dark: #1565c0;--color-primary-light: #42a5f5;--color-primary-lighter: #90caf9;--color-accent: #7b1fa2;--color-accent-light: #ba68c8;--color-bg: #f8f9fa;--color-page: #f8f9fa;--color-surface: #ffffff;--color-surface-02: #ffffff;--color-surface-hover: #f5f5f5;--color-text: #1a1a1a;--color-text-secondary: #424242;--color-text-muted: #757575;--color-text-on-primary: #ffffff;--color-muted: #757575;--color-surface-elev: #fafafa;--color-success: #2e7d32;--color-success-light: #4caf50;--color-danger: #c62828;--color-danger-light: #ef5350;--color-warning: #ef6c00;--color-warning-light: #ff9800;--color-info: #0277bd;--color-info-light: #29b6f6;--surface-success: #e8f5e9;--surface-danger: #ffebee;--surface-warning: #fff3e0;--surface-info: #e1f5fe;--surface-success-strong: #c8e6c9;--surface-danger-strong: #ffcdd2;--color-success-dark: #1b5e20;--color-danger-dark: #b71c1c;--gradient-primary: linear-gradient(135deg, #1976d2 0%, #7b1fa2 100%);--gradient-primary-muted: linear-gradient(135deg, rgba(25,118,210,.1) 0%, rgba(123,31,162,.1) 100%);--gradient-success: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);--gradient-danger: linear-gradient(135deg, #c62828 0%, #ef5350 100%);--gradient-warning: linear-gradient(135deg, #ef6c00 0%, #ff9800 100%);--gradient-info: linear-gradient(135deg, #0277bd 0%, #29b6f6 100%);--gradient-muted: linear-gradient(135deg, rgba(33,33,33,.05) 0%, rgba(33,33,33,.02) 100%);--gradient-background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px -4px rgba(0, 0, 0, .16), 0 4px 8px -2px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 32px -6px rgba(0, 0, 0, .2), 0 6px 12px -3px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 48px -8px rgba(0, 0, 0, .24), 0 8px 16px -4px rgba(0, 0, 0, .14);--shadow-primary: 0 4px 12px rgba(25, 118, 210, .3);--shadow-primary-lg: 0 8px 24px rgba(25, 118, 210, .4);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--content-max-width: 1200px;--color-elev: rgba(0,0,0,.08);--color-border: #e0e0e0;--color-border-hover: #1976d2;--color-link: #1976d2;--color-link-hover: #1565c0;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);line-height:1.6;font-weight:400;color-scheme:light;color:#1a1a1a!important;background:#f8f9fa!important}input,textarea,select,.MuiInputBase-root,.MuiInputBase-input,.MuiOutlinedInput-root,.MuiOutlinedInput-input,.MuiTextField-root .MuiInputBase-root,.MuiTextField-root .MuiInputBase-input,.MuiSelect-root,.MuiSelect-select,.MuiInputBase-root input,.MuiInputBase-root textarea,.MuiInputBase-root select{background-color:#fff!important;color:#000!important}.MuiInputLabel-root,.MuiFormLabel-root,label{color:#000!important}.MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important}.MuiOutlinedInput-root:hover fieldset,.MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important}.MuiFormHelperText-root,.MuiSelect-icon,.MuiInputAdornment-root .MuiSvgIcon-root{color:#000!important}input[type=datetime-local],input[type=date],input[type=time],input[type=number],.MuiMenu-paper,.MuiPopover-paper,.MuiMenuItem-root{background-color:#fff!important;color:#000!important}.MuiMenuItem-root:hover{background-color:#f5f5f5!important}*{color-scheme:light!important}html{background:#f8f9fa!important;color:#1a1a1a!important}body{background:#f8f9fa!important;background-image:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;background-attachment:fixed;min-height:100vh;color:#1a1a1a!important;margin:0;padding:0}.RaLayout-root{background:#f8f9fa!important;color:#1a1a1a!important}.RaLayout-content{padding:var(--space-xl)!important;background:#f8f9fa!important;min-height:calc(100vh - 64px);color:#1a1a1a!important}.RaList-main,.RaShow-main,.RaEdit-main,.RaCreate-main{padding:var(--space-xl)!important;background:#f8f9fa!important;color:#1a1a1a!important}.RaSidebar-root,.MuiDrawer-root .MuiPaper-root,.MuiDrawer-paper{background:#fff!important;color:#1a1a1a!important;border-right:1px solid #e0e0e0!important}.RaSidebar-root .RaMenuItemLink-root,.MuiDrawer-root .MuiListItem-root,.MuiDrawer-root .MuiListItemButton-root{color:#1a1a1a!important}.RaSidebar-root .RaMenuItemLink-root:hover,.MuiDrawer-root .MuiListItemButton-root:hover{background:#f5f5f5!important;color:#1976d2!important}.RaSidebar-root .RaMenuItemLink-active{background:#1976d21a!important;color:#1976d2!important;border-left:3px solid #1976d2!important}.RaCard-root{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--color-border)!important;background:#fff!important;color:#1a1a1a!important;transition:all var(--transition-base)!important}.RaCard-root:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.RaDatagrid-root{border-radius:var(--radius-lg)!important;overflow:hidden;box-shadow:var(--shadow-sm)!important;background:#fff!important}.RaDatagrid-row{transition:background-color var(--transition-fast)!important;background:#fff!important;color:#1a1a1a!important}.RaDatagrid-row:hover{background-color:#f5f5f5!important}.RaDatagrid-headerCell,.MuiTableCell-head{background:#fafafa!important;color:#1976d2!important;font-weight:700!important}.RaDatagrid-cell,.MuiTableCell-body{color:#1a1a1a!important;background:#fff!important}.RaButton-root{border-radius:var(--radius-md)!important;font-weight:600!important;text-transform:none!important;transition:all var(--transition-base)!important;color:#1a1a1a!important}.RaButton-root:hover{transform:translateY(-2px)!important}.RaInput-root input,.RaInput-root textarea,.RaInput-root select{border-radius:var(--radius-md)!important;border:1.5px solid var(--color-border)!important;color:#1a1a1a!important;background-color:#fff!important;padding:12px 16px!important;font-size:.9375rem!important;transition:all var(--transition-base)!important;-webkit-text-fill-color:#1a1a1a!important}.RaInput-root input::placeholder,.RaInput-root textarea::placeholder,.RaInput-root select::placeholder{color:#757575!important;opacity:1!important}.RaInput-root input:focus,.RaInput-root textarea:focus,.RaInput-root select:focus{border-color:var(--color-primary)!important;border-width:2px!important;box-shadow:0 0 0 4px #1976d21a!important;outline:none!important;color:#1a1a1a!important;background-color:#fff!important;-webkit-text-fill-color:#1a1a1a!important}input,textarea,select{border-radius:var(--radius-md);border:1.5px solid var(--color-border);padding:12px 16px;color:#1a1a1a!important;background:#fff!important;transition:all var(--transition-base);font-weight:500;font-size:.9375rem;-webkit-text-fill-color:#1a1a1a!important}input::placeholder,textarea::placeholder,select::placeholder{color:#757575!important;opacity:1!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)!important;border-width:2px;box-shadow:0 0 0 4px #1976d21a;color:#1a1a1a!important;background:#fff!important;-webkit-text-fill-color:#1a1a1a!important}.MuiTextField-root .MuiInputBase-input,.MuiInputBase-input,.MuiOutlinedInput-input,.MuiFilledInput-input,.MuiInput-input{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important;font-size:.9375rem!important;background-color:#fff!important}.MuiTextField-root .MuiInputBase-input::placeholder,.MuiInputBase-input::placeholder,.MuiOutlinedInput-input::placeholder{color:#757575!important;opacity:1!important}.MuiTextField-root .MuiInputLabel-root{color:#424242!important;font-size:.9375rem!important}.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#1976d2!important}.MuiOutlinedInput-root{background-color:#fff!important;color:#1a1a1a!important;transition:all var(--transition-base)!important}.MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important;border-width:1.5px!important}.MuiOutlinedInput-root:hover fieldset{border-color:#1976d2!important}.MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important;border-width:2px!important;box-shadow:0 0 0 4px #1976d21a!important}.MuiFormHelperText-root{color:#424242!important;font-size:.8125rem!important}.MuiPaper-root,.MuiCard-root{background-color:#fff!important;color:#1a1a1a!important}.MuiAppBar-root{background-color:#fff!important;color:#1a1a1a!important;box-shadow:0 2px 8px #0000001a!important}.MuiTypography-root,.MuiTypography-body1,.MuiTypography-body2,.MuiTypography-caption{color:#1a1a1a!important}.MuiSelect-root,.MuiMenuItem-root,.MuiMenu-paper{background-color:#fff!important;color:#1a1a1a!important}.MuiButton-text,.MuiButton-outlined{color:#1a1a1a!important}.MuiButton-contained{color:#fff!important}.MuiChip-root{background-color:#f5f5f5!important;color:#1a1a1a!important}.MuiContainer-root,.MuiGrid-root{background:transparent!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.student-dashboard-container{padding:var(--space-xl) var(--space-lg);max-width:100%;width:100%;margin:0;background:transparent;text-align:left;min-height:100vh}.student-dashboard-container h1{margin-bottom:var(--space-xl);color:var(--color-text);font-size:3rem;font-weight:700;text-align:center;padding:var(--space-lg) 0}.exam-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:var(--space-xl);margin:var(--space-xl) 0;padding:0 var(--space-lg)}.exam-card{background:var(--color-surface);border-radius:var(--radius-md);border:2px solid var(--color-border);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;color:var(--color-text);min-height:280px}.exam-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.exam-card-head{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.exam-title{font-weight:700;color:var(--color-text);font-size:1.8rem;line-height:1.4;margin-bottom:var(--space-xs)}.exam-meta{font-size:1.1rem;color:var(--color-text-secondary);display:flex;gap:var(--space-sm);flex-wrap:wrap;font-weight:500}.exam-code{font-size:1rem;color:var(--color-primary);font-weight:700;background:var(--surface-info);padding:var(--space-sm) var(--space-md);border-radius:8px;display:inline-block;margin-top:var(--space-sm);border:2px solid var(--color-info)}.exam-live-badge{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--surface-success);color:var(--color-success-dark);border-radius:12px;font-size:1rem;font-weight:700;border:2px solid var(--color-success)}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--color-success);animation:pulse 2s infinite}.exam-card-actions{display:flex;gap:var(--space-md);justify-content:space-between;align-items:center;margin-top:var(--space-md);padding-top:var(--space-lg);border-top:2px solid var(--color-border)}.exam-card .btn{padding:var(--space-md) var(--space-xl);border-radius:12px;font-size:1.1rem;font-weight:700;white-space:nowrap;min-height:50px}.exam-left-actions{display:flex;align-items:center;gap:var(--space-lg)}.exam-card-left-meta{display:flex;flex-direction:column;justify-content:center}.exam-subject{font-size:1.2rem;color:var(--color-text);font-weight:700;margin-bottom:var(--space-sm)}.exam-room-info{font-size:1rem;color:var(--color-success);font-weight:700;display:flex;align-items:center;gap:var(--space-sm)}.live-indicator{color:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.exam-right-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.exam-thumbnail{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--gradient-primary);color:var(--color-text-on-primary);font-weight:700;font-size:2rem;flex-shrink:0;box-shadow:var(--shadow-md)}.empty-list{color:var(--color-text-muted);padding:var(--space-xl);text-align:center;border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:1.5rem;font-weight:600;margin:var(--space-xl) var(--space-lg)}.join-hint{margin-top:8px;color:var(--color-text-muted)}.student-dashboard-input{width:100%;max-width:600px;padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) auto;border:2px solid var(--color-border);border-radius:12px;font-size:1.2rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box;background:var(--color-surface)!important;color:var(--color-text)!important;display:block;font-weight:500;min-height:60px;-webkit-text-fill-color:var(--color-text)!important}.student-dashboard-input::placeholder{color:var(--color-text-muted)!important;opacity:1!important}.student-dashboard-input:focus{border-color:var(--color-primary)!important;border-width:3px;outline:none;box-shadow:0 0 0 4px #1976d226;color:var(--color-text)!important;background:var(--color-surface)!important}.student-dashboard-button{padding:var(--space-md) var(--space-xl);min-width:180px;min-height:56px;background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-md)}.student-dashboard-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.join-actions{display:flex;gap:var(--space-lg);justify-content:center;max-width:100%;margin-top:var(--space-xl);flex-wrap:wrap}.student-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--space-xl);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid var(--color-border)}.student-header-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.student-header>div:first-child{font-size:1.6rem;font-weight:700;color:var(--color-primary)}.dialog-field{margin-top:8px}.student-dashboard-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exam-container{max-width:100%;width:100%;margin:0;padding:var(--space-xl) var(--space-lg);padding-bottom:120px;background:transparent}.exam-container h1{text-align:center;margin-bottom:var(--space-xl);color:var(--color-primary);font-size:3rem;font-weight:700;padding:var(--space-lg) 0}.exam-progress{text-align:center;padding:var(--space-lg) var(--space-xl);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-xl);margin-left:var(--space-lg);margin-right:var(--space-lg);font-size:1.4rem;font-weight:700;color:var(--color-primary);box-shadow:var(--shadow-md);border:2px solid var(--color-border)}.timer-overlay{position:fixed;top:var(--space-xl);right:var(--space-xl);background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;padding:var(--space-lg) var(--space-xl);border-radius:50px;box-shadow:var(--shadow-lg);z-index:1000;font-weight:700;font-size:1.8rem;display:flex;align-items:center;gap:var(--space-md);min-width:180px;min-height:70px;justify-content:center;transition:all .3s ease}.timer-overlay.warning{background:linear-gradient(135deg,var(--color-warning) 0%,#ff6b35 100%);animation:pulse 1s infinite}.timer-overlay.danger{background:linear-gradient(135deg,var(--color-danger) 0%,#c62828 100%);animation:pulse .5s infinite}@keyframes pulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:0 0 20px #0000004d}}.question-card{background:var(--color-surface);margin-bottom:var(--space-xl);margin-left:var(--space-lg);margin-right:var(--space-lg);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-xl);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;border:2px solid var(--color-border);color:var(--color-text)}.question-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.question-card h3{margin-top:0;color:var(--color-primary);font-size:1.6rem;font-weight:700;line-height:1.6;margin-bottom:var(--space-lg)}.question-image{max-width:100%;border-radius:8px;margin:15px 0;border:1px solid var(--color-border)}.answers-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.answer-label{display:flex;align-items:center;padding:var(--space-lg) var(--space-xl);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background:var(--color-surface);color:var(--color-text);font-size:1.2rem;margin-bottom:var(--space-md);min-height:60px}.answer-label:hover{background-color:var(--gradient-primary-muted);border-color:var(--color-primary);border-width:3px;transform:translate(6px);box-shadow:var(--shadow-md)}.answer-label input:checked+span,.answer-label:has(input:checked){background-color:var(--gradient-primary-muted);border-color:var(--color-primary);border-width:3px;font-weight:700}.answer-label input{margin-right:var(--space-lg);transform:scale(1.5);width:24px;height:24px}.submit-button{display:block;width:100%;max-width:500px;margin:var(--space-xl) auto;padding:var(--space-xl) var(--space-xl);background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:50px;font-size:1.4rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s;min-height:70px}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-container{padding:var(--space-xl) var(--space-lg);text-align:center;max-width:100%;width:100%;margin:0;background:transparent}.result-container h1{color:var(--color-text);margin-bottom:var(--space-lg);font-size:3rem;font-weight:700;padding:var(--space-lg) 0}.result-container h2{color:var(--color-primary);font-size:4.5rem;margin:var(--space-xl) 0 var(--space-xl);font-weight:700;background:var(--color-surface);padding:var(--space-xl) var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:inline-block;min-width:400px;border:3px solid var(--color-primary)}.review-toggle-button{margin-bottom:var(--space-xl);background:var(--gradient-primary);color:var(--color-text-on-primary);padding:var(--space-lg) var(--space-xl);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow-md);min-height:60px;min-width:250px}.review-toggle-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.review-section{text-align:left;max-width:100%;width:100%;margin:var(--space-xl) 0 0;background:var(--color-surface);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.question-card.correct{border:2px solid var(--color-success);background-color:var(--surface-success)}.question-card.incorrect{border:2px solid var(--color-danger);background-color:var(--surface-danger)}.answer-item{padding:var(--space-lg) var(--space-xl);margin:var(--space-md) 0;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);transition:all .2s;font-size:1.1rem;min-height:60px;display:flex;align-items:center}.selected-correct{background-color:var(--surface-success-strong);border:2px solid var(--color-success);color:var(--color-success-dark);font-weight:700}.selected-incorrect{background-color:var(--surface-danger-strong);border:2px solid var(--color-danger);color:var(--color-danger-dark);font-weight:700}.correct-answer{color:var(--color-success-dark);margin-left:10px;font-weight:700;font-size:.9rem;background:var(--surface-success);padding:2px 8px;border-radius:4px}.correct-border{border:2px solid var(--color-success)!important;background-color:var(--surface-success)!important}.back-home-button{margin-top:var(--space-xl);background:var(--gradient-primary);color:var(--color-text-on-primary);padding:var(--space-lg) var(--space-xl);min-width:250px;min-height:60px;border:none;border-radius:12px;font-size:1.2rem;font-weight:700}.back-home-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.student-dashboard-container{padding:var(--space-lg) var(--space-md);margin:0}.student-dashboard-container h1{font-size:2rem}.exam-list{grid-template-columns:1fr;gap:var(--space-lg);padding:0 var(--space-md)}.student-header{flex-direction:column;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg)}.student-header-actions,.student-dashboard-button{width:100%}.exam-card-actions{flex-direction:column;align-items:stretch}.exam-card .btn{width:100%}.join-actions{flex-direction:column}.result-container h2{font-size:2.5rem;min-width:auto;width:90%;padding:var(--space-lg)}.exam-container h1{font-size:2rem}.question-card h3{font-size:1.3rem}.timer-overlay{font-size:1.3rem;min-width:140px;min-height:60px;padding:var(--space-md) var(--space-lg)}}.student-history-container{padding:var(--space-xl);max-width:1000px;margin:var(--space-xl) auto;background:transparent}.student-history-container h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-xl);text-align:center}.attempt-item{margin-bottom:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm);color:var(--color-text)}.attempt-item strong{color:var(--color-primary);font-weight:700}.attempt-item em{color:var(--color-text);font-style:normal;font-weight:600}.attempt-list-link{padding:var(--space-xs) var(--space-md);background:var(--gradient-primary);color:var(--color-text-on-primary);text-decoration:none;border-radius:6px;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);border:none}.attempt-list-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.no-attempts{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:1.1rem;font-weight:600}@media(max-width:768px){.student-history-container{padding:var(--space-md)}.attempt-item{flex-direction:column;align-items:flex-start}.attempt-list-link{width:100%;text-align:center}}.result-page{padding:var(--space-xl);max-width:1000px;margin:var(--space-xl) auto;background:transparent}.result-page h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg);text-align:center;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.result-meta{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface-elev);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-xs)}.result-score{color:var(--color-primary);font-size:2.5rem;font-weight:700;margin:var(--space-lg) 0;text-align:center;padding:var(--space-lg);background:var(--gradient-primary-muted);border-radius:var(--radius-md);border:2px solid var(--color-primary)}.result-question{border:1px solid var(--color-border);padding:var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;color:var(--color-text)}.result-question:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-question h3{color:var(--color-primary);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.answer-row{padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-sm);border:1px solid var(--color-border);background:var(--color-surface);transition:all .2s ease;color:var(--color-text)}.answer-row.chosen{background:var(--gradient-primary-muted);border-color:var(--color-primary);font-weight:600;border-width:2px}.answer-row.correct{border:2px solid var(--color-success);background:var(--surface-success);font-weight:600}.answer-row.chosen.correct{background:var(--surface-success-strong);border-color:var(--color-success);color:var(--color-success-dark);border-width:2px;font-weight:700}.back-button{margin-top:var(--space-xl);text-align:center}.back-button button{padding:var(--space-md) var(--space-xl);background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;min-width:200px}.back-button button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.result-page{padding:var(--space-md)}.result-page h1{font-size:1.5rem}.result-score{font-size:2rem}}.student-profile-container{max-width:1400px;margin:var(--space-xl) auto;padding:var(--space-xl);background:transparent}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.profile-header h1{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin:0}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.profile-left{display:flex;flex-direction:column;gap:var(--space-xl)}.profile-right{position:sticky;top:var(--space-xl)}.btn-back{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-back:hover{background:var(--color-surface-elev);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.student-profile-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.student-profile-card.history-card{height:calc(100vh - 200px);display:flex;flex-direction:column}.student-profile-card.history-card .attempts-list{flex:1;overflow-y:auto}.student-profile-card h2{font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-border)}.section-header h2{margin:0;border:none;padding:0}.btn-toggle{padding:var(--space-sm) var(--space-lg);background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-row{margin-top:var(--space-lg);display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-elev);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.profile-row:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.profile-row strong{color:var(--color-primary);font-weight:600;min-width:120px}.profile-row span{color:var(--color-text);flex:1}.change-password-form{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-xs);color:var(--color-text);font-weight:600;font-size:.95rem}.form-input{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elev);color:var(--color-text);font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 0, 123, 255),.1)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.btn-cancel{padding:var(--space-sm) var(--space-lg);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:var(--color-surface-elev);border-color:var(--color-text-secondary)}.btn-submit{padding:var(--space-sm) var(--space-lg);background:var(--gradient-primary);color:var(--color-text-on-primary);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}.loading-state,.no-attempts{padding:var(--space-xl);text-align:center;color:var(--color-text-secondary);background:var(--color-surface-elev);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:1.1rem;font-weight:600}.attempts-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.attempt-item{padding:var(--space-lg);background:var(--color-surface-elev);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.attempt-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.attempt-info{flex:1;min-width:300px}.attempt-header{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;margin-bottom:var(--space-xs)}.attempt-header strong{color:var(--color-primary);font-weight:700;font-size:1.1rem}.status-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.score-badge{color:var(--color-primary);font-weight:700;font-size:1rem}.attempt-meta{display:flex;gap:var(--space-md);flex-wrap:wrap;color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--space-xs)}.attempt-link{padding:var(--space-xs) var(--space-md);background:var(--gradient-primary);color:var(--color-text-on-primary);text-decoration:none;border-radius:6px;font-weight:600;font-size:.9rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm);border:none;white-space:nowrap}.attempt-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:1024px){.profile-layout{grid-template-columns:1fr}.profile-right{position:static}.student-profile-card.history-card{height:auto;max-height:500px}}@media(max-width:768px){.student-profile-container{padding:var(--space-md)}.profile-header{flex-direction:column;align-items:flex-start}.profile-header h1{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.profile-row{flex-direction:column;gap:var(--space-xs)}.profile-row strong{min-width:auto}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}.attempt-item{flex-direction:column;align-items:flex-start}.attempt-link{width:100%;text-align:center}.attempt-header{flex-direction:column;align-items:flex-start}}.proctor-dashboard{padding:24px;background:#fff!important;min-height:100vh}.proctor-dashboard .MuiCard-root{border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;background:#fff!important;border:1px solid #e0e0e0!important;transition:transform .2s ease,box-shadow .2s ease;color:#000!important}.proctor-dashboard .MuiCard-root:hover{box-shadow:0 4px 12px #00000026!important}.proctor-dashboard .room-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.proctor-dashboard .room-header svg{color:#1976d2}.proctor-dashboard .room-list{max-height:66vh;overflow:auto;padding:8px;border-radius:8px;background:#fff!important}.proctor-dashboard .MuiListItemButton-root{border-radius:8px!important;margin-bottom:4px!important;transition:all .2s ease;border:1px solid transparent;color:#000!important}.proctor-dashboard .MuiListItemButton-root:hover{background-color:#f5f5f5!important;color:#000!important}.proctor-dashboard .MuiListItemButton-root.Mui-selected{background:#e3f2fd!important;border-left:4px solid #1976d2!important;border:1px solid #1976d2!important;color:#000!important;font-weight:600!important}.proctor-dashboard .room-info{display:flex;justify-content:space-between;align-items:center;color:#000!important}.proctor-dashboard .candidate-list{max-height:60vh;overflow:auto;background:#fff!important}.proctor-dashboard .candidate-item{padding:16px;margin-bottom:8px;border-radius:8px;background:#fff!important;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e0e0e0;color:#000!important}.proctor-dashboard .candidate-item:hover{transform:translate(4px);background:#f5f5f5!important}.proctor-dashboard .empty-state{display:flex;justify-content:center;align-items:center;height:100%;min-height:400px;color:#000!important;font-weight:600;background:#fff!important}.proctor-dashboard .status-chip{font-weight:600!important;text-transform:uppercase;font-size:.75rem!important}.proctor-dashboard .room-history{margin-top:18px;background:#fff!important;color:#000!important}.proctor-dashboard .kick-button{text-transform:none!important;font-weight:600!important;color:#d32f2f!important}.proctor-dashboard .MuiDivider-root{margin:16px 0!important;border-color:#e0e0e0!important}.proctor-dashboard .MuiTypography-root,.proctor-dashboard .MuiListItemText-primary{color:#000!important}.proctor-dashboard .MuiListItemText-secondary{color:#424242!important}.proctor-dashboard .MuiCardContent-root{background:#fff!important;color:#000!important}.proctor-dashboard .MuiList-root{background:#fff!important}.proctor-dashboard .MuiListItem-root{background:#fff!important;color:#000!important}@media(max-width:768px){.proctor-dashboard{padding:var(--space-md)}}.room-detail-container{padding:var(--space-xl);max-width:1200px;margin:var(--space-xl) auto;background:transparent}.room-detail-container h2{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center}.room-detail-container h3{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.room-meta{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-elev);border-radius:var(--radius-md);color:var(--color-text-secondary)}.attempts-summary{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:1.1rem;font-weight:600;color:var(--color-primary);text-align:center;box-shadow:var(--shadow-md);display:flex;justify-content:space-around;gap:var(--space-md);flex-wrap:wrap}.attempts-summary>div{flex:1;min-width:150px}.attempts-summary strong{color:var(--color-accent);font-size:1.3rem}.attempt-item{margin-bottom:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.attempt-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.attempt-item strong{color:var(--color-primary);font-weight:600}.attempt-item em{color:var(--color-text-secondary);font-style:normal}.attempt-item button{padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-text-on-primary);border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.attempt-item button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.loading-placeholder{padding:var(--space-xl);text-align:center;color:var(--color-text-muted);font-size:1.1rem}.analytics-box{margin-top:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.analytics-box>div:first-child{font-size:1.1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.histogram{display:flex;gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center}.bucket{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-text-on-primary);padding:var(--space-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;min-width:100px;text-align:center;display:flex;flex-direction:column;gap:var(--space-xs)}.bucket:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bucket>div:first-child{font-size:.85rem;opacity:.9}.bucket strong{display:block;font-size:1.5rem;font-weight:700}@media(max-width:768px){.room-detail-container{padding:var(--space-md)}.attempt-item{flex-direction:column;align-items:flex-start}.attempt-item button{width:100%}.histogram{flex-direction:column}.bucket{width:100%}}.teacher-dashboard{padding:var(--space-lg);background:transparent;min-height:100vh}.welcome-card{margin-bottom:var(--space-lg);border-radius:16px!important;overflow:hidden}.teacher-welcome{background:var(--gradient-primary)!important;color:var(--color-text-on-primary)!important;border:none!important}.stat-value{font-weight:700!important;color:var(--color-text)!important;margin-bottom:var(--space-xs)!important}.stat-title{color:var(--color-text-secondary)!important;font-weight:500!important}@media(max-width:768px){.teacher-dashboard{padding:var(--space-md)}.welcome-content,.stat-content{flex-direction:column;text-align:center}}.exam-preview-container{padding:20px;max-width:1000px;margin:0 auto}.question-card{padding:12px;border:1px solid var(--color-border);margin-top:12px;border-radius:8px;background:var(--color-surface)}.loading-placeholder{padding:16px}.preview-actions{display:flex;gap:8px;margin-bottom:12px}.admin-dashboard{padding:var(--space-lg);background:transparent;min-height:100vh}.welcome-card{margin-bottom:var(--space-lg);border-radius:var(--radius-md)!important;overflow:hidden}.admin-welcome{background:var(--gradient-primary)!important;color:var(--color-text-on-primary)!important;border:none!important}.welcome-content{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md)}.welcome-icon-box{display:flex;align-items:center;justify-content:center}.welcome-text{flex:1}.welcome-title{font-weight:700!important;margin-bottom:var(--space-xs)!important}.welcome-subtitle{opacity:.95;font-weight:500!important}.stats-grid{margin-bottom:var(--space-lg)}.stat-card{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;transition:transform .2s ease,box-shadow .2s ease;height:100%;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)!important}.stat-content{display:flex;align-items:center;gap:var(--space-lg)}.stat-icon{flex-shrink:0}.stat-info{flex:1}.stat-value{font-weight:700!important;color:var(--color-primary)!important;margin-bottom:var(--space-xs)!important;font-size:1.5rem!important}.stat-title{color:var(--color-text-secondary)!important;font-weight:600!important}.info-grid{margin-bottom:var(--space-lg)}.info-card{border-radius:12px!important;box-shadow:var(--shadow-md)!important;height:100%;background:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.card-title{color:var(--color-primary)!important;font-weight:700!important;margin-bottom:var(--space-md)!important}.info-list{display:flex;flex-direction:column;gap:var(--space-md)}.info-item{display:flex;align-items:flex-start;gap:var(--space-sm)}.info-bullet{width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-top:6px;flex-shrink:0}.action-buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.action-button{text-transform:none!important;font-weight:700!important;border-radius:8px!important;padding:10px 14px!important}.action-button.contained,.action-button.muiButtonContained,.action-button[variant=contained]{background:var(--color-primary)!important;color:var(--color-text-on-primary, #ffffff)!important;box-shadow:0 6px 18px var(--color-elev)!important}.action-button.outlined,.action-button[variant=outlined]{background:transparent!important;color:var(--color-primary)!important;border:2px solid var(--color-primary)!important;font-weight:600!important}.system-info-box{padding:var(--space-md);background:var(--color-page);border-radius:8px;display:flex;flex-direction:column;gap:var(--space-xs)}.system-info-item{color:var(--color-text)!important}.stat-box{padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease;color:var(--color-text)}.stat-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-box .stat-value{font-weight:700!important;color:var(--color-primary)!important;margin-bottom:var(--space-xs)!important;font-size:2rem!important}.stat-box .stat-title{color:var(--color-text-secondary)!important;font-weight:600!important}@media(max-width:768px){.admin-dashboard{padding:var(--space-md)}.welcome-content,.stat-content{flex-direction:column;text-align:center}}.import-container{padding:var(--space-xl);max-width:1600px;margin:0 auto;background:transparent}.import-container h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-xl);text-align:center}.import-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.import-left{display:flex;flex-direction:column;gap:var(--space-xl)}.import-right{position:sticky;top:var(--space-xl)}.upload-section,.example-section{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.example-section h3{font-size:1.2rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text)}.example-code{background:var(--color-surface-elev);padding:var(--space-md);border-radius:var(--radius-md);overflow:auto;border:1px solid var(--color-border);color:var(--color-text);font-size:.9rem;line-height:1.6;white-space:pre-wrap}.upload-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-text-on-primary);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-md);margin-right:var(--space-sm)}.upload-button:hover:not([disabled]){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.upload-button[disabled]{opacity:.6;cursor:not-allowed;transform:none!important}.upload-button.clear-button{background:var(--color-muted);color:var(--color-text);box-shadow:var(--shadow-sm)}.upload-button.clear-button:hover:not([disabled]){background:var(--color-muted-dark)}.preview-section{background:var(--color-surface);padding:var(--space-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);height:calc(100vh - 200px);display:flex;flex-direction:column}.preview-section h3{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border);flex-shrink:0}.preview-section h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border)}.preview-errors{color:var(--color-danger-dark);margin-bottom:var(--space-md);font-weight:600;padding:var(--space-md);background:var(--surface-danger);border-radius:var(--radius-md);border:1px solid var(--color-danger);flex-shrink:0}.preview-list{flex:1;overflow-y:auto;border:1px solid var(--color-border);padding:var(--space-md);background:var(--color-surface-elev);border-radius:var(--radius-md);color:var(--color-text)}.preview-item{padding:var(--space-md);border-bottom:1px dashed var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:transform .2s ease,box-shadow .2s ease}.preview-item:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.preview-item:last-child{border-bottom:none}.preview-item .question{margin-top:var(--space-sm);font-weight:600;color:var(--color-primary)}.preview-item ol{margin-top:var(--space-sm);padding-left:var(--space-lg)}.preview-item ol li{margin-bottom:var(--space-xs);color:var(--color-text-secondary)}.preview-empty{color:var(--color-text-muted);text-align:center;padding:var(--space-xl);font-size:1.1rem}.file-input-wrapper{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-elev);border-radius:var(--radius-md);border:2px dashed var(--color-border);text-align:center;transition:border-color .2s ease}.file-input-wrapper:hover{border-color:var(--color-primary)}.file-input-wrapper input[type=file]{margin:var(--space-md) 0;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer}@media(max-width:1024px){.import-layout{grid-template-columns:1fr}.import-right{position:static}.preview-section{height:auto;max-height:500px}}@media(max-width:768px){.import-container{padding:var(--space-md)}.upload-button{width:100%;margin-bottom:var(--space-sm);margin-right:0}}.ra-create,.ra-create .MuiPaper-root,.ra-create .MuiCard-root,.ra-create .MuiCardContent-root,.ra-create input,.ra-create .MuiInputBase-input,.ra-create .MuiOutlinedInput-input,.ra-create .MuiInputBase-root,.ra-create .MuiOutlinedInput-root,.ra-create .MuiTextField-root .MuiInputBase-root,.ra-create .MuiSelect-root{background-color:#fff!important;color:#000!important}.ra-create .MuiInputLabel-root,.ra-create .MuiFormLabel-root,.ra-create label{color:#000!important}.ra-create .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.ra-create .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2!important}.ra-create .MuiSelect-select,.ra-create .MuiSelect-icon,.ra-create .MuiMenu-paper,.ra-create .MuiPopover-paper,.ra-create .MuiMenuItem-root{background-color:#fff!important;color:#000!important}.ra-create .MuiMenuItem-root:hover{background-color:#f5f5f5!important}.ra-create .MuiInputBase-root input[type=text],.ra-create .MuiInputBase-root input[type=number],.ra-create .MuiInputBase-root input[type=datetime-local]{background-color:#fff!important;color:#000!important}.ra-create .MuiFormHelperText-root,.ra-create .MuiTypography-root{color:#000!important}.ra-create .MuiButton-contained{background-color:#1976d2!important;color:#fff!important}.ra-create .MuiButton-outlined{border-color:#1976d2!important;color:#1976d2!important}.ra-create input[type=number]::-webkit-inner-spin-button,.ra-create input[type=number]::-webkit-outer-spin-button{filter:invert(0)!important}.ra-create .MuiInputAdornment-root .MuiSvgIcon-root{color:#000!important}.changepw-note{margin-top:8px;font-size:12px;color:var(--color-text-secondary)!important}.changepw-row{margin-top:8px}.changepw-row .MuiTextField-root .MuiInputBase-input{color:var(--color-text)!important;background-color:var(--color-surface)!important;-webkit-text-fill-color:var(--color-text)!important}.changepw-row .MuiTextField-root .MuiInputLabel-root{color:var(--color-text-secondary)!important}.changepw-row .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:var(--color-primary)!important}.login-page-web-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--gradient-background);background-attachment:fixed;box-sizing:border-box;min-height:100vh}.login-card-web{background:var(--gradient-card);padding:var(--space-2xl) calc(var(--space-xl) + 1rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);min-width:480px;max-width:860px;width:min(56%,760px);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md);color:var(--color-text);transition:all var(--transition-slow);animation:fadeIn .5s ease-out}.login-card-web:hover{box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.login-grid{min-height:360px}.login-side{padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;justify-content:center;gap:var(--space-md);color:var(--color-text);background:var(--gradient-primary-muted);border-radius:var(--radius-lg)}.login-main{padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;justify-content:center;gap:var(--space-md)}.brand-mark{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:all var(--transition-base)}.brand-mark:hover{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-primary-lg)}.brand-icon{font-weight:800;color:var(--color-text-on-primary);font-size:24px}.side-title{font-weight:800;font-size:1.75rem;color:var(--color-text);line-height:1.2;letter-spacing:-.02em}.side-sub{font-size:1rem;color:var(--color-text-secondary);line-height:1.6}.form-title{font-weight:800;font-size:1.75rem;color:var(--color-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.form-sub{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.primary-button{width:100%;padding:14px 24px;background:var(--gradient-primary);color:var(--color-text-on-primary);font-weight:600;font-size:.9375rem;box-shadow:var(--shadow-primary);border-radius:var(--radius-md);transition:all var(--transition-base);border:none;letter-spacing:.02em;cursor:pointer}.primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.primary-button:active{transform:translateY(0)}@media(max-width:840px){.login-card-web{width:min(92%,620px);padding:var(--space-xl)}.login-grid{display:block}.login-side{display:none}}.login-card-web h2{font-size:2rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-lg);letter-spacing:-.02em}.login-card-web .RaLoginPage,.login-card-web .RaLoginForm,.login-card-web .MuiPaper-root{width:100%!important;background:transparent!important;box-shadow:none!important}.login-card-web .MuiTextField-root,.login-card-web .MuiButton-root,.login-card-web form{width:100%!important}.login-card-web .MuiTextField-root{margin-bottom:var(--space-md)!important}.login-card-web .MuiTextField-root .MuiInputBase-input{color:#1a1a1a!important;background-color:#fff!important;-webkit-text-fill-color:#1a1a1a!important;font-size:.9375rem!important;padding:14px 16px!important;border-radius:var(--radius-md)!important}.login-card-web .MuiTextField-root .MuiInputLabel-root{color:#424242!important;font-size:.9375rem!important}.login-card-web .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#1976d2!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root{background-color:#fff!important;transition:all var(--transition-base)!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#e0e0e0!important;border-width:1.5px!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#1976d2!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1976d2!important;border-width:2px!important;box-shadow:0 0 0 4px #1976d21a!important}.login-card-web .MuiTextField-root .MuiInputBase-input::placeholder{color:#757575!important;opacity:1!important}.login-card-web .MuiTextField-root .MuiFormHelperText-root{color:#424242!important;font-size:.8125rem!important;margin-top:6px!important}@media(prefers-color-scheme:dark){.login-card-web .MuiTextField-root .MuiInputBase-input{color:#fff!important;background-color:#1e1e1e!important;-webkit-text-fill-color:#ffffff!important}.login-card-web .MuiTextField-root .MuiInputLabel-root{color:#b0b0b0!important}.login-card-web .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#64b5f6!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root{background-color:#1e1e1e!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#424242!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#64b5f6!important}.login-card-web .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#64b5f6!important;box-shadow:0 0 0 4px #64b5f61a!important}.login-card-web .MuiTextField-root .MuiFormHelperText-root{color:#b0b0b0!important}}.login-form-web{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.login-form-web .MuiButton-root{width:100%;margin-top:var(--space-sm)}.register-link-web{margin-top:var(--space-xl);text-align:center}.register-link-web button{text-transform:none;font-weight:600;letter-spacing:.02em;color:var(--color-primary);transition:color var(--transition-fast)}.register-link-web button:hover{color:var(--color-primary-dark);text-decoration:underline}.MuiDialog-paper{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-2xl)!important;background:var(--gradient-card)!important}.MuiDialog-paper.login-register-dialog{background:var(--gradient-card)!important;padding:var(--space-xl) var(--space-2xl)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-2xl)!important;border:1px solid var(--color-border)!important}@media(max-width:520px){.login-card-web{min-width:unset;max-width:95%;padding:var(--space-xl)}.form-title,.side-title{font-size:1.5rem}}.login-help{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem}.forgot-link{color:var(--color-primary);cursor:pointer;text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.forgot-link:hover{color:var(--color-primary-dark);text-decoration:underline}.small-muted{font-size:.8125rem;color:var(--color-text-secondary)}.register-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.register-center{display:flex;justify-content:center;margin-top:var(--space-sm)}.dialog-note{margin-top:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.login-card-web.loading{opacity:.7;pointer-events:none}.login-message{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-weight:500;animation:slideIn .3s ease-out}.login-message.success{background:var(--surface-success);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.login-message.error{background:var(--surface-danger);color:var(--color-danger-dark);border:1px solid var(--color-danger-light)}