:root{--page-background: #f1f5fc;--header-background: #ffffff;--sidebar-background: #f8fafd;--card-surface: #ffffff;--popover-surface: #ffffff;--dialog-surface: #ffffff;--background: var(--page-background);--surface: var(--card-surface);--card: var(--card-surface);--bg-main: var(--page-background);--bg-surface: var(--card-surface);--bg-card: var(--card-surface);--text-primary: #0f1b33;--text-secondary: #4a5a78;--text-muted: #7e8fa8;--text-disabled: #94a3b8;--text-main: var(--text-primary);--text-subtle: var(--text-secondary);--placeholder-color: #7e8fa8;--border: #dde6f3;--border-hover: #c5d5e9;--border-focus: #2563eb;--focus-ring: rgba(37, 99, 235, .25);--divider: #dde6f3;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-foreground: #ffffff;--primary-light: #e6eeff;--accent: #2563eb;--accent-tint: #e6eeff;--secondary: #4a5a78;--muted: #eef3fb;--muted-foreground: #4a5a78;--table-header-tint: #eef3fb;--table-row-hover: #f4f8ff;--table-border: #dde6f3;--success: #0f6e3a;--success-bg: #dcf5e5;--success-text: #0f6e3a;--success-border: #bbf7d0;--danger: #a32020;--danger-bg: #fde0e0;--danger-text: #a32020;--danger-border: #fca5a5;--warning: #92400e;--warning-bg: #fef3c7;--warning-text: #92400e;--warning-border: #fde68a;--info: #1e40af;--info-bg: #e0f2fe;--info-text: #1e40af;--info-border: #bae6fd;--dot-color: rgba(37, 99, 235, .22);--line-color: rgba(37, 99, 235, .5);--sidebar-gradient-start: #ffffff;--sidebar-gradient-end: #e9f0fe;--sidebar-border: #dae4f3;--sidebar-text-secondary: #4a5a78;--sidebar-active-tint-start: #e3edff;--sidebar-active-tint-end: #edf4ff;--sidebar-active-text: #1d4ed8;--sidebar-active-bar: #2563eb;--sidebar-hover: #eaf0fb;--sidebar-section-label: #5b6b88;--sidebar-curve: #b7cdf0;--overlay-scrim: rgba(15, 27, 51, .45);--shadow-xs: 0 1px 2px 0 rgba(15, 27, 51, .03);--shadow-sm: 0 1px 3px 0 rgba(15, 27, 51, .04), 0 1px 2px -1px rgba(15, 27, 51, .02);--shadow-md: 0 4px 6px -1px rgba(15, 27, 51, .05), 0 2px 4px -2px rgba(15, 27, 51, .03);--shadow-lg: 0 10px 15px -3px rgba(15, 27, 51, .07), 0 4px 6px -4px rgba(15, 27, 51, .03);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--radius-dialog: 14px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-display: 2rem;--text-h1: 1.75rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-h5: 1rem;--text-h6: .875rem;--text-body: .875rem;--text-body-sm: .8125rem;--text-caption: .75rem;--text-micro: .6875rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--scrollbar-thumb: #c5d5e9;--scrollbar-thumb-hover: #9bb7de;--selection-bg: rgba(37, 99, 235, .15);--selection-color: #0f1b33;--sidebar-width: 260px;--header-height: 64px;color-scheme:light}[data-theme=dark],.dark{--page-background: #0a1226;--header-background: #0f1a33;--sidebar-background: #0d1730;--card-surface: #13203d;--popover-surface: #182847;--dialog-surface: #182847;--background: var(--page-background);--surface: var(--card-surface);--card: var(--card-surface);--bg-main: var(--page-background);--bg-surface: var(--card-surface);--bg-card: var(--card-surface);--text-primary: #e8eefb;--text-secondary: #a9b8d6;--text-muted: #7587a8;--text-disabled: #61759b;--text-main: var(--text-primary);--text-subtle: var(--text-secondary);--placeholder-color: #61759b;--border: #243659;--border-hover: #354b77;--border-focus: #5b9bff;--focus-ring: rgba(91, 155, 255, .3);--divider: #243659;--primary: #5b9bff;--primary-hover: #82b4ff;--primary-foreground: #0a1226;--primary-light: #1b2f5c;--accent: #5b9bff;--accent-tint: #1b2f5c;--secondary: #a9b8d6;--muted: #182847;--muted-foreground: #a9b8d6;--table-header-tint: #182847;--table-row-hover: #192a4d;--table-border: #243659;--success: #6fe3a0;--success-bg: #103a27;--success-text: #6fe3a0;--success-border: #165b3d;--danger: #ff9a9a;--danger-bg: #43161a;--danger-text: #ff9a9a;--danger-border: #6d1f27;--warning: #fde68a;--warning-bg: #3f2a13;--warning-text: #fde68a;--warning-border: #6b4317;--info: #7dd3fc;--info-bg: #0c2847;--info-text: #7dd3fc;--info-border: #13467b;--dot-color: rgba(91, 155, 255, .22);--line-color: rgba(91, 155, 255, .5);--sidebar-gradient-start: #0d1730;--sidebar-gradient-end: #0a1226;--sidebar-border: #243659;--sidebar-text-secondary: #a9b8d6;--sidebar-active-tint-start: #1b2f5c;--sidebar-active-tint-end: #16264a;--sidebar-active-text: #5b9bff;--sidebar-active-bar: #5b9bff;--sidebar-hover: #16264a;--sidebar-section-label: #8ea2c8;--sidebar-curve: #2c4a80;--overlay-scrim: rgba(0, 0, 0, .75);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--scrollbar-thumb: #243659;--scrollbar-thumb-hover: #354b77;--selection-bg: rgba(91, 155, 255, .25);--selection-color: #e8eefb;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--page-background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-dotted-bg,body{background-image:radial-gradient(var(--dot-color) 1.2px,transparent 1.2px);background-size:18px 18px;background-position:0 0}.ps,.ps__rail-x,.ps__rail-y,.styled-scrollbar,div[class*=StyledScrollBar],div[class*=ContentBox],div[class*=LayoutContainer]{background-color:transparent!important;background:transparent!important}.no-dotted-bg,.exam-attempt-container,.monitoring-fullscreen-grid,body.no-dots{background-image:none!important;background-color:var(--page-background)!important}body.no-dots .header-decorative-line,body.no-dots .sidebar-decorative-layer,.sidebar-decorative-line{display:none!important}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--placeholder-color);opacity:1}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection{background:var(--selection-bg);color:var(--selection-color)}.card-clean,.MuiCard-root,.MuiPaper-root:not(.MuiPaper-elevation0),.MuiDialog-paper,.MuiDrawer-paper,.MuiMenu-paper,.MuiPopover-paper,.MuiTable-root{background-color:var(--card-surface)}.MuiDialog-container{display:flex!important;align-items:center!important;justify-content:center!important;scrollbar-gutter:stable}.MuiDialog-paper{display:flex!important;flex-direction:column!important;overflow:hidden!important;scrollbar-gutter:stable;transition:transform .15s ease-out!important}.MuiDialog-paper:not(.MuiDialog-paperFullScreen){max-height:90vh!important;margin:16px!important;box-sizing:border-box!important}@media(max-width:640px){.MuiDialog-paper:not(.MuiDialog-paperFullScreen){max-width:calc(100vw - 32px)!important;margin:16px!important}}.MuiDialogTitle-root{flex-shrink:0!important}.MuiDialogContent-root{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;scrollbar-gutter:stable}.MuiDialogActions-root{flex-shrink:0!important}.MuiMenu-paper,.MuiPopover-paper{max-height:320px!important;scrollbar-gutter:stable;overflow-y:auto!important}.card-clean{background:var(--card-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.5rem;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.card-clean:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.2;border:1px solid transparent}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.badge-pill-success{background-color:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.badge-pill-success .badge-dot{background-color:var(--success-text)}.badge-pill-warning{background-color:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.badge-pill-warning .badge-dot{background-color:var(--warning-text)}.badge-pill-danger{background-color:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.badge-pill-danger .badge-dot{background-color:var(--danger-text)}.badge-pill-info{background-color:var(--info-bg);color:var(--info-text);border-color:var(--info-border)}.badge-pill-info .badge-dot{background-color:var(--info-text)}.badge-pill-neutral{background-color:var(--muted);color:var(--text-secondary);border-color:var(--border)}.badge-pill-neutral .badge-dot{background-color:var(--text-secondary)}.typo-display{font-size:var(--text-display);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.025em;color:var(--text-primary)}.typo-page-title{font-size:var(--text-h2);font-weight:var(--font-bold);line-height:1.3;letter-spacing:-.02em;color:var(--text-primary)}.typo-section-heading{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:1.35;letter-spacing:-.015em;color:var(--text-primary)}.typo-card-title{font-size:var(--text-h5);font-weight:var(--font-semibold);line-height:1.45;letter-spacing:-.005em;color:var(--text-primary)}.typo-body{font-size:var(--text-body);font-weight:var(--font-regular);line-height:1.55;color:var(--text-secondary)}.typo-body-sm{font-size:var(--text-body-sm);font-weight:var(--font-regular);line-height:1.5;color:var(--text-secondary)}.typo-caption{font-size:var(--text-caption);font-weight:var(--font-medium);line-height:1.4;color:var(--text-muted)}.typo-micro{font-size:var(--text-micro);font-weight:var(--font-semibold);line-height:1.35;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.typo-kpi{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}.typo-code{font-family:var(--font-family-mono);font-size:var(--text-body-sm);font-weight:var(--font-medium)}.table-container-clean{background-color:var(--card-surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm)}.table-styled thead th,.MuiTableHead-root .MuiTableCell-head{background-color:var(--table-header-tint)!important;color:var(--text-secondary)!important;font-size:11px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:1px solid var(--border)!important;padding:12px 16px!important}.table-styled tbody td,.MuiTableBody-root .MuiTableCell-body{border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;color:var(--text-primary)}.table-styled tbody tr:hover,.MuiTableBody-root .MuiTableRow-root:hover{background-color:var(--table-row-hover)!important}@media(prefers-contrast:more){body,.app-dotted-bg{background-image:none!important}.decorative-lines-layer,.header-decorative-line,.sidebar-decorative-line{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#root{min-height:100vh}