:root{--color-bg: #f8f7f5;--color-surface-1: #ffffff;--color-surface-2: #f3f2f0;--color-surface-3: #e8e7e3;--navbar-bg: rgba(248, 247, 245, .95);--color-inverse-bg: #111111;--color-inverse-bg-hover: #2d2d2d;--color-primary: #8c1b3f;--color-primary-dark: #6f1532;--color-primary-bright: #a82050;--color-primary-tint: rgba(140, 27, 63, .08);--color-primary-glow: rgba(140, 27, 63, .2);--color-text-1: #1a1a1a;--color-text-2: #5a5a5a;--color-text-3: #9a9a9a;--color-border: rgba(0, 0, 0, .15);--color-border-hover: rgba(0, 0, 0, .3);--color-border-active: rgba(140, 27, 63, .5);--font-body: Calibri, Verdana, Arial, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--shadow-cover: 4px 8px 24px rgba(0, 0, 0, .18);--shadow-red: 0 4px 20px rgba(140, 27, 63, .28);--color-lime: #a8c832;--color-lime-bg: rgba(180, 210, 60, .12);--color-lime-border: rgba(180, 210, 60, .24);--color-coral: #e05a6e;--color-coral-bg: rgba(230, 90, 110, .1);--color-coral-border: rgba(230, 90, 110, .2);--color-blue: #6b9fff;--color-blue-bg: rgba(60, 110, 220, .1);--color-blue-border: rgba(60, 110, 220, .2);--color-danger: #b42318;--color-danger-dark: #912018;--color-danger-bg: rgba(180, 35, 24, .08);--color-danger-border: rgba(180, 35, 24, .18);--color-indigo: #3730a3;--color-indigo-active: #3730a3;--color-indigo-bg: #eef2ff;--color-indigo-border: #c7d2fe;--color-success: #21a366;--color-success-dark: #1a8a54;--color-success-bg: rgba(33, 163, 102, .1);--color-success-border: rgba(33, 163, 102, .2);--color-role-student: #4caf50;--color-role-student-bg: rgba(76, 175, 80, .12);--color-role-student-border: rgba(76, 175, 80, .25);--color-role-teacher: #e07b00;--color-role-teacher-bg: rgba(224, 123, 0, .12);--color-role-teacher-border: rgba(224, 123, 0, .25);--color-role-librarian: #e53935;--color-role-librarian-bg: rgba(229, 57, 53, .12);--color-role-librarian-border: rgba(229, 57, 53, .25);--color-neutral: #9e9e9e;--color-neutral-bg: rgba(158, 158, 158, .12);--color-neutral-border: rgba(158, 158, 158, .25);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-warning-border: rgba(217, 119, 6, .3);--color-primary-rose: #d14d72;--transition-fast: .15s ease;--transition-base: .22s ease;--transition-slow: .38s ease;--navbar-height: 68px;--sidebar-width: 220px}[data-theme=dark]{--color-bg: #111111;--color-surface-1: #1c1c1c;--color-surface-2: #252525;--color-surface-3: #303030;--navbar-bg: rgba(17, 17, 17, .95);--color-inverse-bg: #1c1c1c;--color-inverse-bg-hover: #303030;--color-text-1: #f0f0f0;--color-text-2: #b4b4b4;--color-text-3: #808080;--color-border: rgba(255, 255, 255, .15);--color-border-hover: rgba(255, 255, 255, .3);--color-border-active: rgba(140, 27, 63, .55);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .65);--shadow-cover: 4px 8px 24px rgba(0, 0, 0, .75);--shadow-red: 0 4px 20px rgba(140, 27, 63, .35);--color-danger-bg: rgba(180, 35, 24, .14);--color-danger-border: rgba(180, 35, 24, .28);--color-indigo: #a5b4fc;--color-indigo-active: #4338ca;--color-indigo-bg: rgba(99, 102, 241, .15);--color-indigo-border: rgba(99, 102, 241, .32)}@media print{.navbar{display:none!important}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-1);transition:background-color var(--transition-base),color var(--transition-base)}a{color:inherit;text-decoration:none}input,select,button,textarea{font-family:var(--font-body)}app-root{height:100%;min-height:100vh;display:flex;flex-direction:column}app-login{flex:1;display:flex;flex-direction:column}.no-scroll{overflow:hidden}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-2);text-decoration:none;font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.page-heading{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:700;color:var(--color-text-1);letter-spacing:-.03em;margin:0}.surface-card{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:background var(--transition-base),border-color var(--transition-base)}.btn-primary,a.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.5625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover,a.btn-primary:hover{background:var(--color-primary-bright);box-shadow:var(--shadow-red)}.btn-secondary,a.btn-secondary{background:transparent;color:var(--color-text-2);border:1px solid var(--color-border-hover);padding:.5625rem 1.25rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2);transition:border-color var(--transition-fast),color var(--transition-fast)}.btn-secondary:hover,a.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-input,.form-select{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-1);font-size:var(--text-sm);padding:.5rem .75rem;width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-text-3)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-3) var(--space-4);text-align:left}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-2)}.data-table tr:hover td{background:var(--color-surface-2);color:var(--color-text-1)}.badge{font-size:var(--text-xs);font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;line-height:1.4;display:inline-block}