:root{--clr-primary: #3E2C6E;--clr-accent: #E0A526;--clr-bg: #F4F1F8;--clr-text: #221F2F;--clr-text-light: #7D798A;--clr-danger: #7A1C1C;--clr-success: #2E7D32;--clr-warning: #F57C00;--clr-info: #0277BD;--clr-border: #D4D0E0;--clr-gradient: linear-gradient(135deg, var(--clr-primary) 0%, rgba(224,165,38,.15) 100%);--radius: 16px;--radius-lg: 24px;--shadow-sm: 0 4px 12px rgba(62,44,110,.08);--shadow-md: 0 8px 24px rgba(62,44,110,.12);--shadow-lg: 0 12px 32px rgba(62,44,110,.15);--shadow-glow: 0 6px 20px rgba(224,165,38,.18);--transition: all .28s cubic-bezier(.34, 1.55, .64, 1);--font-main: "Tajawal", sans-serif;--font-secondary: "Inter", sans-serif;--font-naskh: "Noto Naskh Arabic", serif}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--clr-bg);color:var(--clr-text);line-height:1.7;min-height:100vh;overflow-x:hidden}.layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:#fff;border-left:1px solid var(--clr-border);box-shadow:var(--shadow-sm);padding:2rem 0;position:sticky;top:0;height:100vh;overflow-y:auto;transition:var(--transition)}.sidebar:hover{box-shadow:var(--shadow-glow)}.logo{padding:1.8rem 2.5rem;font-size:1.8rem;font-weight:700;color:var(--clr-primary);border-bottom:1px solid var(--clr-border);margin-bottom:2rem;position:relative;overflow:hidden}.logo:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--clr-gradient);transform:scaleX(0);transition:var(--transition)}.logo:hover:after{transform:scaleX(1)}.menu-item{display:flex;align-items:center;gap:14px;padding:16px 2.5rem;color:var(--clr-text-light);text-decoration:none;transition:var(--transition);font-weight:500;position:relative}.menu-item:hover,.menu-item.active{color:var(--clr-primary);background:#3e2c6e0d;padding-right:3rem}.menu-item:before{content:"";position:absolute;right:0;top:50%;width:4px;height:0;background:var(--clr-accent);transition:var(--transition);transform:translateY(-50%)}.menu-item:hover:before,.menu-item.active:before{height:50%}.menu-item svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}.icon-artistic{filter:drop-shadow(0 1px 2px rgba(224,165,38,.1))}.main{padding:3rem 4rem}h1{color:var(--clr-primary);margin-bottom:2.5rem;font-weight:700;font-size:2.2rem;position:relative;display:inline-block}h1:after{content:"";position:absolute;bottom:-8px;right:0;width:60%;height:3px;background:var(--clr-gradient)}h2{color:var(--clr-accent);margin-bottom:1.5rem;font-size:1.4rem}h3{color:var(--clr-primary);font-weight:700}.form-group{margin-bottom:2rem;max-width:520px;position:relative}label{display:block;margin-bottom:.7rem;color:var(--clr-text-light);font-weight:500;font-size:.95rem}.input,.select{width:100%!important;padding:14px 18px!important;border:1.5px solid var(--clr-border)!important;border-radius:var(--radius)!important;font-size:1.05rem!important;background:#fff!important;transition:var(--transition)!important;font-family:var(--font-secondary)!important;box-shadow:inset 0 1px 3px #00000008!important;color:var(--clr-text)!important}.input:focus,.select:focus{outline:none!important;border-color:var(--clr-primary)!important;box-shadow:0 0 0 4px #3e2c6e1a,var(--shadow-glow)!important;background:linear-gradient(to bottom,#fff,#f4f1f880)!important}.MuiSelect-root.select,.select.MuiSelect-root{width:100%!important;padding:14px 18px!important;border:1.5px solid var(--clr-border)!important;border-radius:var(--radius)!important;font-size:1.05rem!important;background:#fff!important;transition:var(--transition)!important;font-family:var(--font-secondary)!important;box-shadow:inset 0 1px 3px #00000008!important;color:var(--clr-text)!important}.MuiSelect-root.select .MuiSelect-select,.select.MuiSelect-root .MuiSelect-select{padding:14px 18px!important;border:none!important;background:transparent!important;font-family:var(--font-secondary)!important;color:var(--clr-text)!important;font-size:1.05rem!important}.MuiSelect-root.select.Mui-focused,.select.MuiSelect-root.Mui-focused{border-color:var(--clr-primary)!important;box-shadow:0 0 0 4px #3e2c6e1a,var(--shadow-glow)!important;background:linear-gradient(to bottom,#fff,#f4f1f880)!important}.MuiSelect-root.select:hover,.select.MuiSelect-root:hover{border-color:var(--clr-primary)!important}.MuiOutlinedInput-root.select{border-radius:var(--radius)!important}.MuiOutlinedInput-root.select .MuiOutlinedInput-notchedOutline{border:1.5px solid var(--clr-border)!important;border-radius:var(--radius)!important}.MuiOutlinedInput-root.select:hover .MuiOutlinedInput-notchedOutline{border-color:var(--clr-primary)!important}.MuiOutlinedInput-root.select.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--clr-primary)!important;border-width:1.5px!important;box-shadow:0 0 0 4px #3e2c6e1a!important}.MuiOutlinedInput-root.select .MuiSelect-select{padding:14px 18px!important;font-family:var(--font-secondary)!important;color:var(--clr-text)!important;font-size:1.05rem!important}.btn{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:12px 24px!important;border-radius:var(--radius)!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:var(--transition)!important;border:none!important;white-space:nowrap!important;position:relative!important;overflow:hidden!important;font-family:var(--font-main)!important;text-decoration:none!important}.btn:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn:hover:before{left:100%}.btn:active{transform:scale(.95);box-shadow:0 2px 6px #00000026;opacity:.9}.btn-primary{background:var(--clr-gradient)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-glow)!important}.btn-outline{background:transparent!important;border:1.5px solid var(--clr-primary)!important;color:var(--clr-primary)!important}.btn-outline:hover{background:#3e2c6e14!important}.btn-outline:active{background:#3e2c6e26!important}.btn-danger{background:var(--clr-danger)!important;color:#fff!important}.btn-danger:hover{background:#661818!important;box-shadow:0 4px 12px #7a1c1c33!important}.btn-icon{padding:10px!important;border-radius:var(--radius)!important;background:transparent!important;color:var(--clr-primary)!important;border:1px solid var(--clr-border)!important;transition:var(--transition)!important}.btn-icon:hover{background:var(--clr-gradient)!important;color:#fff!important;border-color:transparent!important}.btn-icon:active{background:var(--clr-primary)!important;transform:scale(.92)!important}.btn svg{width:20px!important;height:20px!important}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:2.5rem}.card{background:#fff!important;border-radius:var(--radius-lg)!important;padding:2.2rem!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--clr-border)!important;transition:var(--transition)!important}.card:hover{box-shadow:var(--shadow-glow)!important}.showcase{margin-top:3rem}.showcase h2{color:var(--clr-accent);margin-bottom:1.5rem;font-size:1.4rem}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.5rem}.icon-item{text-align:center;padding:1rem;border:1px solid var(--clr-border);border-radius:var(--radius);transition:var(--transition)}.icon-item:hover{background:var(--clr-gradient);color:#fff}.icon-item svg{width:32px;height:32px;margin-bottom:.5rem}.settings{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);margin:3rem 0;max-width:520px}.settings h2{margin-bottom:1.5rem;color:var(--clr-primary)}.color-picker{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.color-picker label{flex:1;font-weight:500}.color-picker input[type=color]{width:40px;height:40px;border:none;cursor:pointer}.pos-container{padding:3rem 4rem!important;background:var(--clr-bg)!important;min-height:100vh!important;width:100%!important;max-width:none!important;margin:0!important}.table-container{background:#fff!important;border-radius:var(--radius)!important;border:1px solid var(--clr-border)!important;overflow:hidden!important}.table-header{background:var(--clr-primary)!important;color:#fff!important}.table-header th{color:#fff!important;font-weight:600!important}.chip{border-radius:var(--radius)!important;font-weight:500!important}.dialog-paper{border-radius:var(--radius-lg)!important;border:1px solid var(--clr-border)!important}.dialog-title{background:var(--clr-primary)!important;color:#fff!important;border-radius:var(--radius) var(--radius) 0 0!important}p,span,div,td,th,li,ul,ol,strong,b,em,i,small,caption,label{color:var(--clr-text)!important;font-family:var(--font-main)!important}.MuiTypography-root{font-family:var(--font-main)!important;color:var(--clr-text)!important}.MuiButton-root{font-family:var(--font-main)!important}.MuiInputBase-root{font-family:var(--font-secondary)!important}.MuiFormLabel-root{font-family:var(--font-main)!important;color:var(--clr-text-light)!important}.MuiChip-root,*{font-family:var(--font-main)!important}.MuiPaper-root{background-color:#fff!important}.MuiTableCell-root{color:var(--clr-text)!important;font-family:var(--font-main)!important}.MuiIconButton-root{color:var(--clr-primary)!important}.MuiSelect-select{color:var(--clr-text)!important}.MuiInputLabel-root{color:var(--clr-text-light)!important}.MuiTextField-root .MuiOutlinedInput-root{border-radius:var(--radius)!important}.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:var(--clr-border)!important}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--clr-primary)!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--clr-primary)!important;box-shadow:0 0 0 4px #3e2c6e1a!important}.MuiButton-contained{background:var(--clr-gradient)!important;color:#fff!important;box-shadow:var(--shadow-sm)!important}.MuiButton-contained:hover{background:var(--clr-gradient)!important;box-shadow:var(--shadow-glow)!important;transform:translateY(-2px)!important}.MuiButton-outlined{border-color:var(--clr-primary)!important;color:var(--clr-primary)!important}.MuiButton-outlined:hover{background-color:#3e2c6e14!important;border-color:var(--clr-primary)!important}.MuiCard-root{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--clr-border)!important}.MuiCard-root:hover{box-shadow:var(--shadow-glow)!important}.MuiTypography-h6,.MuiTypography-h5,.MuiTypography-h4,.MuiTypography-h3,.MuiTypography-h2,.MuiTypography-h1{color:var(--clr-primary)!important;font-weight:700!important}.MuiTypography-body1,.MuiTypography-body2{color:var(--clr-text)!important}.MuiTypography-caption{color:var(--clr-text-light)!important}.MuiTableHead-root{background-color:var(--clr-primary)!important}.MuiTableHead-root .MuiTableCell-head{color:#fff!important;font-weight:600!important}.MuiTableBody-root .MuiTableCell-body{color:var(--clr-text)!important}.MuiChip-filled{background-color:var(--clr-primary)!important;color:#fff!important}.MuiChip-outlined{border-color:var(--clr-primary)!important;color:var(--clr-primary)!important}.MuiDialog-paper{border-radius:var(--radius-lg)!important;border:1px solid var(--clr-border)!important}.MuiDialogTitle-root{background:var(--clr-primary)!important;color:#fff!important;border-radius:var(--radius) var(--radius) 0 0!important}.MuiIcon-root{color:var(--clr-primary)!important}.css-1d49qv3,.css-1h9z7r5,.css-1xsto0d,.css-1lwb1h2,.css-1f4kqhn,.css-1pnmrwp,.css-1c1u06g,.css-1q8eu9a,.css-1m1f1qk,.css-1k3x8v3,.css-1e6y48t,.css-1b9f7h6,.css-1w1nm1i,.css-1a1f3qj,.css-1n7v3qa,.css-1l7j2xl,.css-1q6bue2,.css-1m6hvut,.css-1l4w6pd,.pos-container *,.pos-container .MuiTypography-root,.pos-container .MuiButton-root,.pos-container .MuiInputBase-root,.pos-container .MuiFormLabel-root,.pos-container .MuiChip-root,.pos-container .MuiTableCell-root,.pos-container .MuiIconButton-root,.pos-container .MuiSelect-select,.pos-container .MuiInputLabel-root{font-family:var(--font-main)!important;color:var(--clr-text)!important}.pos-container .MuiFormLabel-root{color:var(--clr-text-light)!important}.pos-container h1,.pos-container h2,.pos-container h3,.pos-container h4,.pos-container h5,.pos-container h6{color:var(--clr-primary)!important;font-weight:700!important}.MuiMenu-paper{border-radius:var(--radius)!important;box-shadow:var(--shadow-glow)!important;border:1px solid var(--clr-border)!important;margin-top:4px!important;animation:slideIn .2s ease-out!important}.MuiMenuItem-root{font-family:var(--font-main)!important;color:var(--clr-text)!important;transition:var(--transition)!important;padding:12px 16px!important}.MuiMenuItem-root:hover{background:var(--clr-bg)!important;color:var(--clr-primary)!important}.MuiMenuItem-root.Mui-selected{background:var(--clr-primary)!important;color:#fff!important;font-weight:600!important}.MuiMenuItem-root.Mui-selected:hover{background:var(--clr-primary)!important;color:#fff!important}.MuiCard-root{border-radius:var(--radius)!important;box-shadow:0 2px 8px #3e2c6e14!important;border:1px solid rgba(212,208,224,.6)!important;background:linear-gradient(145deg,#fff,#faf9fb)!important;transition:var(--transition)!important;position:relative!important;overflow:hidden!important}.MuiCard-root:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:3px!important;background:var(--clr-gradient)!important;opacity:0!important;transition:var(--transition)!important}.MuiCard-root:hover{box-shadow:0 8px 25px #3e2c6e26!important;border-color:#3e2c6e33!important;transform:translateY(-2px)!important}.MuiCard-root:hover:after{opacity:1!important}.MuiChip-filled{background:linear-gradient(135deg,var(--clr-primary) 0%,rgba(62,44,110,.9) 100%)!important;color:#fff!important;font-family:var(--font-main)!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 2px 6px #3e2c6e4d!important}.MuiChip-colorSuccess{background:linear-gradient(135deg,#2e7d32,#2e7d32e6)!important;color:#fff!important}.MuiChip-colorError{background:linear-gradient(135deg,var(--clr-danger) 0%,rgba(122,28,28,.9) 100%)!important;color:#fff!important}.MuiChip-colorWarning{background:linear-gradient(135deg,var(--clr-accent) 0%,rgba(224,165,38,.8) 100%)!important;color:#fff!important}.MuiDialog-paper{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-glow)!important;animation:slideIn .3s ease-out!important}.MuiDialogTitle-root{background:var(--clr-gradient)!important;color:#fff!important;font-family:var(--font-main)!important;font-weight:600!important;padding:20px 24px!important}.MuiDialogContent-root{padding:24px!important}.MuiDialogActions-root{padding:20px 24px!important;border-top:1px solid var(--clr-border)!important}.MuiTableContainer-root{border-radius:var(--radius)!important;overflow:hidden!important;box-shadow:var(--shadow-sm)!important;border:1px solid var(--clr-border)!important}.MuiTableHead-root .MuiTableCell-head{background:linear-gradient(135deg,var(--clr-primary) 0%,rgba(62,44,110,.9) 100%)!important;color:#fff!important;font-weight:700!important}.MuiTableBody-root .MuiTableRow-root:hover{background-color:#3e2c6e0d!important}:root{font-family:var(--font-main);line-height:1.7;font-weight:400;color:var(--clr-text);background-color:var(--clr-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--clr-primary);text-decoration:none}a:hover{color:var(--clr-accent)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-main);background:var(--clr-bg);color:var(--clr-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--clr-primary);font-weight:700}button{border-radius:var(--radius);border:none;padding:12px 24px;font-size:1em;font-weight:600;font-family:var(--font-main);background:var(--clr-gradient);color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 4px #3e2c6e33}input,textarea,select{font-family:var(--font-secondary)}:root{--bg: #f7f7fb;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #4f46e5;--border: #e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto;background:var(--bg);color:var(--text);direction:rtl}.container{max-width:1100px;margin:20px auto;padding:0 16px;display:flex;flex-direction:column;gap:16px}.section{background:var(--card);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.section h3{margin:0 0 12px;font-size:18px;color:#111827}.grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:13px}.field input,.field select{padding:10px;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff}.radio-row{display:flex;gap:12px;align-items:center}.btn{padding:9px 12px;border-radius:6px;border:1px solid #d1d5db;background:#f3f4f6;cursor:pointer;font-weight:600;color:#111827}.btn.primary{background:var(--primary);color:#fff;border:none}.btn.small{padding:6px 8px;font-size:12px}.buttons-row{display:flex;gap:8px;align-items:center;margin-top:6px}.notification{margin-top:8px;padding:8px 12px;background:#e6f4ea;color:#166534;border-radius:6px;border:1px solid #cdebd2}.grid-header{display:grid;gap:8px;padding:8px;background:#f3f4f6;border-radius:6px;font-weight:700;color:#374151}.grid-row{display:grid;gap:8px;padding:8px;align-items:center;border-bottom:1px solid #eee}.cell{padding:4px 0}.cell-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:6px}.cell-actions{display:flex;gap:6px;align-items:center}.empty-message{text-align:center;padding:12px;color:var(--muted)}@media(max-width:900px){.grid-two-columns{grid-template-columns:1fr}.grid-header,.grid-row{grid-template-columns:repeat(8,1fr)}}.student-cards-view{min-height:100vh;background:var(--clr-bg);color:var(--clr-text);font-family:var(--font-main);padding:2rem 1rem;box-sizing:border-box}.student-cards-view *,.student-cards-view *:before,.student-cards-view *:after{box-sizing:border-box}.scv-line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1}.scv-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.scv-inner{max-width:80rem;margin-left:auto;margin-right:auto}.scv-header{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--clr-border);box-shadow:var(--shadow-md);padding:2rem;margin-bottom:2rem;transition:var(--transition)}.scv-header:hover{box-shadow:var(--shadow-glow)}.scv-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.scv-header-brand{display:flex;align-items:center;gap:.75rem}.scv-icon-box{padding:.75rem;border-radius:var(--radius);background:var(--clr-gradient);box-shadow:var(--shadow-sm);color:#fff;display:flex;align-items:center;justify-content:center}.scv-h1{font-size:1.75rem;font-weight:800;color:var(--clr-primary);margin:0;line-height:1.2;border-bottom:3px solid var(--clr-accent);display:inline-block;padding-bottom:.25rem}.scv-subtitle{color:var(--clr-text-light);margin:.25rem 0 0;font-size:.95rem}.scv-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.scv-toggle-group{display:flex;background:var(--clr-bg);border-radius:var(--radius);border:1px solid var(--clr-border);padding:.25rem;gap:.25rem}.scv-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:calc(var(--radius) - 2px);font-weight:600;font-size:.9rem;border:none;background:transparent;color:var(--clr-text-light);cursor:pointer;transition:var(--transition);font-family:var(--font-main);box-shadow:none;transform:none}.scv-toggle-btn:hover{color:var(--clr-primary);box-shadow:none;transform:none}.scv-toggle-btn.is-active{background:#fff;color:var(--clr-primary);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border)}.scv-btn-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:var(--radius);font-weight:700;font-family:var(--font-main);color:#fff;background:var(--clr-primary);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);transform:none}.scv-btn-refresh:hover{background:#4a3682;box-shadow:var(--shadow-glow);transform:translateY(-1px)}.scv-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.scv-stats{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:768px){.scv-stats{grid-template-columns:repeat(4,1fr)}}.scv-stat{border-radius:var(--radius);padding:1rem 1.25rem;color:#fff;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;min-height:5rem;transition:var(--transition)}.scv-stat:hover{box-shadow:var(--shadow-md)}.scv-stat-label{margin:0 0 .25rem;font-size:.85rem;opacity:.9}.scv-stat-value{font-size:1.5rem;font-weight:800;margin:0;line-height:1.2}.scv-stat--l1{background:linear-gradient(135deg,#2d2560 0%,var(--clr-primary) 100%)}.scv-stat--l2{background:linear-gradient(135deg,var(--clr-primary) 0%,#5c4888 100%)}.scv-stat--l3{background:linear-gradient(135deg,#5a4880,#7a62a0)}.scv-stat--total{background:linear-gradient(135deg,rgba(224,165,38,.9) 0%,var(--clr-accent) 100%);color:var(--clr-text)!important}.scv-stat--total .scv-stat-label{color:var(--clr-text);opacity:.85}.scv-stat--total .scv-stat-value{color:var(--clr-text)}.scv-level-hdr{border-radius:var(--radius);padding:1.5rem;cursor:pointer;color:#fff;box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:0}.scv-level-hdr:hover{box-shadow:var(--shadow-md)}.scv-level-hdr--1{background:linear-gradient(90deg,#2d2560,var(--clr-primary))}.scv-level-hdr--2{background:linear-gradient(90deg,var(--clr-primary),#5c4888)}.scv-level-hdr--3{background:linear-gradient(90deg,#5a4880,#8b7355)}.scv-level-hdr-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.scv-level-hdr-left{display:flex;align-items:center;gap:1rem}.scv-level-ico{background:#fff3;padding:.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.scv-level-h2{font-size:1.5rem;font-weight:800;margin:0;line-height:1.2;color:#fff}.scv-level-sub{margin:.15rem 0 0;color:#ffffffd9;font-size:.95rem}.scv-level-hdr-right{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.scv-level-chevron{color:#fff;background:#ffffff26;border:none;border-radius:var(--radius);padding:.5rem;cursor:pointer;transition:var(--transition);font-family:inherit;box-shadow:none;transform:none}.scv-level-chevron:hover{background:#ffffff40;box-shadow:none;transform:none}.scv-search-wrap{width:16rem;max-width:100%}.scv-input-wrap{position:relative}.scv-input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--clr-text-light);pointer-events:none;display:flex}.scv-input{width:100%;padding:.75rem 1rem;padding-inline-end:2.75rem;border:2px solid var(--clr-border);border-radius:var(--radius);font-size:1rem;font-family:var(--font-main);color:var(--clr-text);background:#fff;transition:var(--transition);outline:none}.scv-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #3e2c6e33}.scv-input::placeholder{color:var(--clr-text-light);opacity:.8}.scv-grid{display:grid;gap:1.5rem;margin-top:1.5rem}.scv-grid--3{grid-template-columns:1fr}@media(min-width:768px){.scv-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.scv-grid--3{grid-template-columns:repeat(3,1fr)}}.scv-grid--4{grid-template-columns:1fr}@media(min-width:768px){.scv-grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.scv-grid--4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.scv-grid--4{grid-template-columns:repeat(4,1fr)}}.scv-student-card{--scv-photo-h: clamp(5.75rem, 12vw, 7.5rem);background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition);position:relative}.scv-student-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.scv-student-card-img{width:100%;height:var(--scv-photo-h);max-height:7.5rem;object-fit:cover;object-position:center top;display:block;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.scv-avatar-male,.scv-avatar-fem{width:100%;height:var(--scv-photo-h);max-height:7.5rem;min-height:5.75rem;display:flex;align-items:center;justify-content:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);flex-shrink:0}.scv-card-photo{width:100%}.scv-card-fallback{display:none}.scv-card-fallback.scv-fallback-visible{display:flex}.scv-avatar-male{background:linear-gradient(135deg,#3e2c6e,#5a4a8a)}.scv-avatar-fem{background:linear-gradient(135deg,#7a1c5c,#9c4a7a)}.scv-student-card-body{padding:1rem 1rem 1.1rem}.scv-student-name{font-size:1.125rem;font-weight:800;color:var(--clr-primary);margin:0 0 .5rem;line-height:1.3}.scv-student-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.scv-student-row--start{align-items:flex-start}.scv-badge-no{font-family:var(--font-secondary, monospace);background:#3e2c6e1a;color:var(--clr-primary);font-weight:700;padding:.2rem .75rem;border-radius:var(--radius);font-size:.875rem;border:1px solid var(--clr-border)}.scv-icon-muted{color:var(--clr-text-light);flex-shrink:0}.scv-addr{color:var(--clr-text);font-size:.875rem;line-height:1.4;margin:0}.scv-gender-row{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.scv-pill{font-size:.7rem;font-weight:700;padding:.2rem .75rem;border-radius:9999px}.scv-pill--m{background:#3e2c6e1f;color:var(--clr-primary);border:1px solid var(--clr-border)}.scv-pill--f{background:#e0a52633;color:#5c4a10;border:1px solid rgba(224,165,38,.4)}.scv-quick-btns{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.scv-student-card:hover .scv-quick-btns{opacity:1}.scv-sq{border:none;padding:.4rem .45rem;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.75rem;box-shadow:var(--shadow-sm);transition:var(--transition);display:flex;align-items:center;justify-content:center;transform:none}.scv-sq--edit{background:var(--clr-primary)}.scv-sq--edit:hover{background:#4a3682;box-shadow:var(--shadow-glow)}.scv-sq--eval{background:#5c4888}.scv-sq--eval:hover{background:#6a5699;box-shadow:var(--shadow-glow)}.scv-sq--fin{background:#2e7d32}.scv-sq--fin:hover{background:#1b5e20;box-shadow:var(--shadow-glow)}.scv-overlay-actions{position:absolute;top:.5rem;inset-inline-end:.5rem;opacity:0;transition:opacity .2s}.scv-student-card:hover .scv-overlay-actions{opacity:1}.scv-more-btn{background:#ffffffeb;border:1px solid var(--clr-border);border-radius:9999px;padding:.4rem;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--clr-text)}.scv-dropdown{position:absolute;top:100%;inset-inline-end:0;margin-top:.4rem;min-width:9rem;background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.4rem 0;z-index:20;text-align:start}.scv-dd-item{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:.4rem;text-align:right;border:none;background:transparent;color:var(--clr-text);font-family:var(--font-main);padding:.4rem .75rem;font-size:.875rem;cursor:pointer;box-shadow:none;border-radius:0;transform:none}.scv-dd-item:hover{background:#3e2c6e0f;color:var(--clr-primary);box-shadow:none;transform:none}.scv-dd-hr{height:1px;background:var(--clr-border);margin:.2rem 0;border:none}.scv-dd-del{color:var(--clr-danger)!important}.scv-dd-del:hover{background:#7a1c1c14!important}.scv-panel{background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:2rem;text-align:center}.scv-panel--lg{padding:3rem 2rem}.scv-empty-ico{width:5rem;height:5rem;border-radius:9999px;background:var(--clr-bg);border:1px solid var(--clr-border);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--clr-text-light)}.scv-spin{width:2.5rem;height:2.5rem;border:3px solid var(--clr-border);border-top-color:var(--clr-primary);border-radius:50%;margin:0 auto 1rem;animation:scv-spin .8s linear infinite}@keyframes scv-spin{to{transform:rotate(360deg)}}.scv-pag{margin-top:1.5rem;background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.scv-pag-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.scv-select{padding:.4rem .75rem;border:1px solid var(--clr-border);border-radius:var(--radius);font-family:var(--font-main);color:var(--clr-text);background:#fff}.scv-pag-btn{border:2px solid var(--clr-border)!important;background:#fff!important;color:var(--clr-text)!important;font-weight:600;padding:.4rem .85rem!important;border-radius:var(--radius)!important;box-shadow:none!important;transform:none!important;cursor:pointer;font-family:var(--font-main)}.scv-pag-btn:hover:not(:disabled){background:var(--clr-bg)!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.scv-pag-btn:disabled{opacity:.5;cursor:not-allowed}.scv-pag-btn--on{background:var(--clr-primary)!important;color:#fff!important;border-color:var(--clr-primary)!important}.scv-ellipsis{padding:.25rem .4rem;color:var(--clr-text-light)}.scv-pag-meta{color:var(--clr-text-light);font-size:.875rem}.scv-pag-meta b{color:var(--clr-primary);font-weight:800}.scv-error-screen{min-height:100vh;background:var(--clr-bg);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-main)}.scv-error-card{max-width:24rem;width:100%;text-align:center;background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem}.scv-error-ico{width:3.5rem;height:3.5rem;border-radius:9999px;background:#7a1c1c1f;color:var(--clr-danger);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.scv-btn-danger{background:var(--clr-danger)!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto}.scv-btn-danger:hover{filter:brightness(.95);box-shadow:var(--shadow-md)!important}.scv-dim{position:fixed;inset:0;background:#221f2f80;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:var(--font-main);animation:scv-fade .2s ease}.scv-dlg{max-width:24rem;width:100%;margin:1rem;background:#fff;border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.75rem;text-align:start;direction:ltr;animation:scv-slide .25s ease}.scv-dlg[dir=rtl]{direction:rtl;text-align:right}.scv-dlg-h{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.scv-dlg-ico{width:3rem;height:3rem;border-radius:9999px;background:#7a1c1c1a;color:var(--clr-danger);display:flex;align-items:center;justify-content:center}.scv-dlg h3{color:var(--clr-primary);font-size:1.2rem;font-weight:800;margin:0;flex:1}.scv-dlg p{color:var(--clr-text);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.scv-dlg-actions{display:flex;gap:.75rem}.scv-dlg-confirm{flex:1;background:var(--clr-danger)!important;color:#fff!important;font-weight:700;border-radius:var(--radius)!important;padding:.7rem 1rem!important;border:none!important;cursor:pointer;font-family:var(--font-main);box-shadow:var(--shadow-sm)!important;transform:none!important}.scv-dlg-confirm:hover{filter:brightness(.95);box-shadow:var(--shadow-md)!important}.scv-dlg-cancel{flex:1;background:var(--clr-bg)!important;color:var(--clr-text)!important;border:2px solid var(--clr-border)!important;font-weight:700;border-radius:var(--radius)!important;padding:.7rem 1rem!important;cursor:pointer;font-family:var(--font-main);box-shadow:none!important;transform:none!important}.scv-dlg-cancel:hover{background:#fff!important;box-shadow:var(--shadow-sm)!important}.scv-playful{position:relative;width:100%;max-width:28rem;margin:0 auto 2rem}.scv-playful .scv-overlay-actions{opacity:0;transition:opacity .2s}.scv-playful:hover .scv-overlay-actions{opacity:1}.scv-mb-8{margin-bottom:2rem}@keyframes scv-fade{0%{opacity:0}to{opacity:1}}@keyframes scv-slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scv-spin-refresh{to{transform:rotate(360deg)}}.scv-spin-refresh{animation:scv-spin-refresh .8s linear infinite}