@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";:root{--school-primary: #1565c0;--school-primary-variant: #0d47a1;--school-secondary: #03a9f4;--school-secondary-variant: #0288d1;--school-accent: #00acc1;--success: #3a9c3f;--warning: #f57c00;--error: #d32f2f;--info: #1976d2;--pending-bg: #fff8e1;--pending-border: #ffc107;--pending-text: #ff6f00;--grade-excellent: #2e7d32;--grade-good: #f57f17;--grade-satisfactory: #ff9800;--grade-needs-improvement: #d32f2f;--grade-no-grade: #9e9e9e;--surface: #ffffff;--surface-variant: #f5f5f5;--surface-container: #fafafa;--surface-container-low: #f8f8f8;--surface-container-high: #f0f0f0;--surface-container-highest: #e8e8e8;--on-surface: #1c1b1f;--on-surface-variant: #49454f;--outline: #79747e;--outline-variant: #cac4d0;--md-sys-color-primary: var(--school-primary);--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e3f2fd;--md-sys-color-on-primary-container: #0d47a1;--md-sys-color-secondary: var(--school-secondary);--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e1f5fe;--md-sys-color-on-secondary-container: #0288d1;--md-sys-color-surface: var(--surface);--md-sys-color-on-surface: var(--on-surface);--md-sys-color-surface-variant: var(--surface-variant);--md-sys-color-on-surface-variant: var(--on-surface-variant);--md-sys-color-surface-container: var(--surface-container);--md-sys-color-surface-container-low: var(--surface-container-low);--md-sys-color-surface-container-highest: var(--surface-container-highest);--md-sys-color-outline: var(--outline);--md-sys-color-outline-variant: var(--outline-variant);--md-sys-color-surface-container-hover: #f0f0f0;--md-sys-color-primary-hover: #1976d2;--md-sys-color-secondary-hover: #ff8f00;--md-sys-color-error: var(--error);--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffebee;--md-sys-color-on-error-container: #b71c1c;--md-sys-typescale-display-large-font: "Roboto", sans-serif;--md-sys-typescale-display-large-size: 57px;--md-sys-typescale-display-large-weight: 400;--md-sys-typescale-headline-large-font: "Roboto", sans-serif;--md-sys-typescale-headline-large-size: 32px;--md-sys-typescale-headline-large-weight: 400;--md-sys-typescale-title-large-font: "Roboto", sans-serif;--md-sys-typescale-title-large-size: 22px;--md-sys-typescale-title-large-weight: 500;--md-sys-typescale-body-large-font: "Roboto", sans-serif;--md-sys-typescale-body-large-size: 16px;--md-sys-typescale-body-large-weight: 400;--md-sys-typescale-label-large-font: "Roboto", sans-serif;--md-sys-typescale-label-large-size: 14px;--md-sys-typescale-label-large-weight: 500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=light]{--surface: #ffffff;--surface-variant: #e4e1e1;--surface-container: #fafafa;--surface-container-low: #f8f8f8;--surface-container-high: #f0f0f0;--on-surface: #1c1b1f;--on-surface-variant: #49454f;--outline: #79747e;--outline-variant: #cac4d0;--md-sys-color-primary: var(--school-primary);--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e3f2fd;--md-sys-color-on-primary-container: #0d47a1;--md-sys-color-secondary: var(--school-secondary);--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #e1f5fe;--md-sys-color-on-secondary-container: #0288d1;--md-sys-color-surface: var(--surface);--md-sys-color-on-surface: var(--on-surface);--md-sys-color-surface-variant: var(--surface-variant);--md-sys-color-on-surface-variant: var(--on-surface-variant);--md-sys-color-surface-container: var(--surface-container);--md-sys-color-surface-container-low: var(--surface-container-low);--md-sys-color-surface-container-highest: var(--surface-container-highest);--md-sys-color-outline: var(--outline);--md-sys-color-outline-variant: var(--outline-variant);--md-sys-color-surface-container-hover: #f0f0f0;--md-sys-color-primary-hover: #1976d2;--md-sys-color-secondary-hover: #ff8f00;--md-sys-color-error: var(--error);--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #fc657c;--md-sys-color-on-error-container: #b71c1c;--grade-excellent: #2e7d32;--grade-good: #f57f17;--grade-satisfactory: #ff9800;--grade-needs-improvement: #d32f2f;--grade-no-grade: #757575;--status-completed-bg: #e8f5e8;--status-completed-border: #4caf50;--status-completed-text: #2e7d32;--status-processing-bg: #e3f2fd;--status-processing-border: #2196f3;--status-processing-text: #1976d2;--status-rejected-bg: #ffebee;--status-rejected-border: #f44336;--status-rejected-text: #d32f2f;--status-pending-bg: #fff3e0;--status-pending-border: #ff9800;--status-pending-text: #f57c00;--status-cancelled-bg: #f5f5f5;--status-cancelled-border: #9e9e9e;--status-cancelled-text: #616161}[data-theme=dark]{--surface: #121212;--surface-variant: #1e1e1e;--surface-container: #242424;--surface-container-low: #1a1a1a;--surface-container-high: #2a2a2a;--surface-container-highest: #2f2f2f;--on-surface: #f5f5f5;--on-surface-variant: #e0e0e0;--outline: #9e9e9e;--outline-variant: #616161;--md-sys-color-primary: #90caf9;--md-sys-color-on-primary: #0d47a1;--md-sys-color-primary-container: #1976d2;--md-sys-color-on-primary-container: #ffffff;--md-sys-color-secondary: #4fc3f7;--md-sys-color-on-secondary: #01579b;--md-sys-color-secondary-container: #328fc5;--md-sys-color-on-secondary-container: #e1f5fe;--md-sys-color-surface: var(--surface);--md-sys-color-on-surface: var(--on-surface);--md-sys-color-surface-variant: var(--surface-variant);--md-sys-color-on-surface-variant: var(--on-surface-variant);--md-sys-color-surface-container: var(--surface-container);--md-sys-color-surface-container-low: var(--surface-container-low);--md-sys-color-outline: var(--outline);--md-sys-color-outline-variant: var(--outline-variant);--md-sys-color-surface-container-hover: #3a3a3a;--md-sys-color-primary-hover: #64b5f6;--md-sys-color-secondary-hover: #ffcc80;--md-sys-color-error: #f48fb1;--md-sys-color-on-error: #b71c1c;--md-sys-color-error-container: #d32f2f;--md-sys-color-on-error-container: #ffebee;--grade-excellent: #4caf50;--grade-good: #ffb300;--grade-satisfactory: #ffb74d;--grade-needs-improvement: #f44336;--grade-no-grade: #bdbdbd;--status-completed-bg: #1b5e20;--status-completed-border: #4caf50;--status-completed-text: #a5d6a7;--status-processing-bg: #0d47a1;--status-processing-border: #2196f3;--status-processing-text: #90caf9;--status-rejected-bg: #b71c1c;--status-rejected-border: #f44336;--status-rejected-text: #ffcdd2;--status-pending-bg: #e65100;--status-pending-border: #ff9800;--status-pending-text: #ffcc80;--status-cancelled-bg: #424242;--status-cancelled-border: #9e9e9e;--status-cancelled-text: #e0e0e0}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;box-sizing:border-box}html{background-color:var(--md-sys-color-surface);transition:background-color var(--transition-normal)!important}body{margin:0;padding:0;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);font-weight:var(--md-sys-typescale-body-large-weight);line-height:1.5;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:color var(--transition-normal),background-color var(--transition-normal)}p{margin:0}*,*:before,*:after{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.scrollable-container{overflow:visible!important;height:auto!important}.fixed-layout{position:static!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.flex{display:flex;gap:var(--spacing-md)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}@media (min-width: 640px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-2xl)}}.fixed-layout{position:fixed;inset:0;overflow:hidden}.scrollable-container{overflow-y:auto;overflow-x:hidden;height:100%;scroll-behavior:smooth}.scrollable-container::-webkit-scrollbar{width:8px}.scrollable-container::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:var(--radius-sm)}.scrollable-container::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--radius-sm);transition:background-color var(--transition-normal)}.scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.content-fixed{position:fixed;overflow:hidden}.content-scrollable{overflow-y:auto;overflow-x:hidden;max-height:100%}.layout-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-header{flex-shrink:0;position:relative;z-index:var(--z-sticky)}.layout-content{flex:1;overflow:hidden;position:relative}.layout-sidebar{flex-shrink:0;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.scrollable-container::-webkit-scrollbar{width:4px}.scrollable-container,.content-scrollable{-webkit-overflow-scrolling:touch}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.scrollable-container::-webkit-scrollbar{width:6px}.scrollable-container::-webkit-scrollbar-thumb{border-radius:var(--radius-md)}}.toast-container.svelte-9k6dxx{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast-container.svelte-9k6dxx .toast{pointer-events:auto}@media (max-width: 640px){.toast-container.svelte-9k6dxx{top:var(--spacing-md);bottom:auto;left:var(--spacing-md);right:var(--spacing-md)}}.modal-overlay.svelte-9eeog1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);padding:var(--spacing-lg)}.modal-visible.svelte-9eeog1{opacity:1}.modal-closing.svelte-9eeog1{opacity:0}.modal-content.svelte-9eeog1{background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.8) translateY(30px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out;opacity:0}.modal-visible.svelte-9eeog1 .modal-content:where(.svelte-9eeog1){transform:scale(1) translateY(0);opacity:1}.modal-closing.svelte-9eeog1 .modal-content:where(.svelte-9eeog1){transform:scale(.8) translateY(30px);opacity:0}.modal-small.svelte-9eeog1{width:100%;max-width:400px}.modal-medium.svelte-9eeog1{width:100%;max-width:600px}.modal-large.svelte-9eeog1{width:100%;max-width:900px}.modal-full.svelte-9eeog1{width:95vw;height:95vh;max-width:none;max-height:none}.modal-header.svelte-9eeog1{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container)}.modal-title.svelte-9eeog1{margin:0;font-family:var(--md-sys-typescale-headline-small-font);font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface)}.modal-close-btn.svelte-9eeog1{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.modal-close-btn.svelte-9eeog1:hover{background-color:var(--md-sys-color-surface-container-highest)}.modal-close-btn.svelte-9eeog1:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.modal-close-btn.svelte-9eeog1 .material-symbols-outlined:where(.svelte-9eeog1){font-size:20px}.modal-body.svelte-9eeog1{padding:var(--spacing-md);overflow-y:auto;flex:1;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface)}@media (max-width: 640px){.modal-overlay.svelte-9eeog1{padding:var(--spacing-md)}.modal-small.svelte-9eeog1,.modal-medium.svelte-9eeog1,.modal-large.svelte-9eeog1{width:100%;max-width:none}.modal-full.svelte-9eeog1{width:100vw;height:100vh;border-radius:0}.modal-header.svelte-9eeog1,.modal-body.svelte-9eeog1{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){.modal-overlay.svelte-9eeog1,.modal-content.svelte-9eeog1{transition:none}}.modal-confirm-content.svelte-11fh0l1,.modal-alert-content.svelte-11fh0l1,.modal-prompt-content.svelte-11fh0l1,.modal-custom-content.svelte-11fh0l1,.modal-generic-content.svelte-11fh0l1{display:flex;flex-direction:column}.modal-message.svelte-11fh0l1{margin:0;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);color:var(--md-sys-color-on-surface);line-height:1.6;max-width:none;word-wrap:break-word}.modal-message.svelte-11fh0l1 p{margin:0 0 12px}.modal-message.svelte-11fh0l1 p:last-child{margin-bottom:0}.modal-message.svelte-11fh0l1 strong{font-weight:600}.modal-message.svelte-11fh0l1 div{margin:8px 0}.modal-input.svelte-11fh0l1{padding:var(--spacing-md);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--radius-md);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font);font-size:var(--md-sys-typescale-body-medium-size);transition:border-color var(--transition-fast)}.modal-input.svelte-11fh0l1:focus{outline:none;border-color:var(--md-sys-color-primary)}.modal-actions.svelte-11fh0l1{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding:var(--spacing-md)}.modal-btn.svelte-11fh0l1{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--md-sys-typescale-label-large-font);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast);min-width:80px}.modal-btn-primary.svelte-11fh0l1{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:1px solid var(--md-sys-color-primary)}.modal-btn-primary.svelte-11fh0l1:hover{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--shadow-sm)}.modal-btn-secondary.svelte-11fh0l1{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.modal-btn-secondary.svelte-11fh0l1:hover{background-color:var(--md-sys-color-surface-container-highest);box-shadow:var(--shadow-sm)}.modal-btn.svelte-11fh0l1:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}@media (max-width: 640px){.modal-actions.svelte-11fh0l1{flex-direction:column-reverse}.modal-btn.svelte-11fh0l1{width:100%}}