@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f5f2;--color-surface:#fff;--color-surface-2:#eeecea;--color-surface-3:#e6e4e0;--color-border:#00000014;--color-border-2:#00000024;--color-border-3:#00000038;--color-text:#1a1a1a;--color-text-2:#4b4b4b;--color-text-3:#6b6b6b;--color-text-4:#9e9e9e;--color-text-disabled:#bbb;--color-success:#1cb36e;--color-success-bg:#ecfaf3;--color-success-text:#0d6e43;--color-success-border:#1cb36e40;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-text:#854f0b;--color-warning-border:#f59e0b40;--color-danger:#e84040;--color-danger-bg:#fef2f2;--color-danger-text:#a32d2d;--color-danger-border:#e8404040;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-info-text:#1e40af;--color-info-border:#3b82f640;--prog-primary:#009adb;--prog-primary-light:#e3f4fc;--prog-primary-dark:#006fa0;--prog-primary-text:#004d70;--prog-primary-border:#009adb40;--sidebar-width:220px;--sidebar-width-collapsed:52px;--header-height:56px;--content-max-width:1400px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 6px #00000012;--shadow-md:0 2px 12px #00000014;--shadow-lg:0 4px 24px #0000001a;--font-sans:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:11px;--text-sm:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--transition-fast:80ms ease;--transition-base:150ms ease;--transition-slow:250ms ease;--z-below:-1;--z-base:0;--z-above:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50}html{-webkit-text-size-adjust:100%;font-size:14px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f2;background:var(--color-bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-size:var(--text-sm);line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}h1{font-size:28px;font-size:var(--text-2xl)}h2{font-size:22px;font-size:var(--text-xl)}h3{font-size:18px;font-size:var(--text-lg)}h4{font-size:15px;font-size:var(--text-md)}h5{font-size:13px;font-size:var(--text-sm)}h6{font-size:11px;font-size:var(--text-xs)}p{color:#4b4b4b;color:var(--color-text-2);line-height:1.7}small{color:#6b6b6b;color:var(--color-text-3);font-size:11px;font-size:var(--text-xs)}strong{color:#1a1a1a;color:var(--color-text);font-weight:600}code,pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}a{color:#009adb;color:var(--prog-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-base)}a:hover{color:#006fa0;color:var(--prog-primary-dark)}input,select,textarea{appearance:none;-webkit-appearance:none;background:#fff;background:var(--color-surface);border:1px solid #00000024;border:1px solid var(--color-border-2);border-radius:10px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--color-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:13px;font-size:var(--text-sm);outline:none;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}input::placeholder,textarea::placeholder{color:#9e9e9e;color:var(--color-text-4)}input:hover,select:hover,textarea:hover{border-color:#00000038;border-color:var(--color-border-3)}input:focus,select:focus,textarea:focus{border-color:#009adb;border-color:var(--prog-primary);box-shadow:0 0 0 3px #009adb40;box-shadow:0 0 0 3px var(--prog-primary-border)}input:disabled,select:disabled,textarea:disabled{background:#eeecea;background:var(--color-surface-2);color:#bbb;color:var(--color-text-disabled);cursor:not-allowed}button{background:none;border:none;cursor:pointer;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);transition:all .15s ease;transition:all var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000024;background:var(--color-border-2);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000038;background:var(--color-border-3)}::selection{background:#e3f4fc;background:var(--prog-primary-light);color:#004d70;color:var(--prog-primary-text)}.app-shell{background:#f5f5f2;background:var(--color-bg);display:flex;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column;margin-left:220px;margin-left:var(--sidebar-width);min-width:0}.app-main.sidebar-collapsed{margin-left:52px;margin-left:var(--sidebar-width-collapsed)}.page-content{flex:1 1;max-width:1400px;max-width:var(--content-max-width);padding:24px;padding:var(--space-6);width:100%}.app-header{align-items:center;background:#fff;background:var(--color-surface);border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);box-shadow:inset 0 -2px 0 #009adb;box-shadow:inset 0 -2px 0 var(--prog-primary);display:flex;gap:16px;gap:var(--space-4);height:56px;height:var(--header-height);padding:0 24px;padding:0 var(--space-6);position:sticky;top:0;z-index:20;z-index:var(--z-sticky)}.header-title{color:#1a1a1a;color:var(--color-text);font-size:15px;font-size:var(--text-md);font-weight:600}.header-breadcrumb{align-items:center;color:#6b6b6b;color:var(--color-text-3);display:flex;font-size:11px;font-size:var(--text-xs);gap:8px;gap:var(--space-2)}.header-breadcrumb span{color:#4b4b4b;color:var(--color-text-2)}.header-breadcrumb .sep{color:#00000038;color:var(--color-border-3)}.app-sidebar{background:#fff;background:var(--color-surface);border-right:1px solid #00000014;border-right:1px solid var(--color-border);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s ease;transition:width var(--transition-slow);width:220px;width:var(--sidebar-width);z-index:10;z-index:var(--z-above)}.app-sidebar.collapsed{width:52px;width:var(--sidebar-width-collapsed)}.sidebar-logo{background:#009adb;background:var(--prog-primary);gap:12px;gap:var(--space-3);height:56px;height:var(--header-height);padding:0 16px;padding:0 var(--space-4)}.sidebar-logo,.sidebar-logo-mark{align-items:center;display:flex;flex-shrink:0}.sidebar-logo-mark{background:#fff3;border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-size:var(--text-xs);font-weight:800;height:28px;justify-content:center;width:28px}.sidebar-logo-text{color:#fff;font-size:15px;font-size:var(--text-md);font-weight:700;opacity:1;transition:opacity .25s ease;transition:opacity var(--transition-slow);white-space:nowrap}.sidebar-logo-sub{color:#ffffffbf;font-size:11px;font-size:var(--text-xs);white-space:nowrap}.collapsed .sidebar-logo-sub,.collapsed .sidebar-logo-text{opacity:0;overflow:hidden;width:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 0;padding:var(--space-2) 0}.sidebar-section{color:#9e9e9e;color:var(--color-text-4);font-size:10px;font-weight:700;letter-spacing:.06em;padding:12px 16px 4px;padding:var(--space-3) var(--space-4) var(--space-1);text-transform:uppercase;transition:opacity .25s ease;transition:opacity var(--transition-slow);white-space:nowrap}.collapsed .sidebar-section{opacity:0}.sidebar-item{align-items:center;border-radius:0 10px 10px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#6b6b6b;color:var(--color-text-3);cursor:pointer;display:flex;font-size:13px;font-size:var(--text-sm);gap:12px;gap:var(--space-3);margin-right:8px;margin-right:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:background 80ms ease,color 80ms ease;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.sidebar-item:hover{background:#eeecea;background:var(--color-surface-2);color:#1a1a1a;color:var(--color-text)}.sidebar-item.active{background:#e3f4fc;background:var(--prog-primary-light);border-left:3px solid #009adb;border-left:3px solid var(--prog-primary);color:#004d70;color:var(--prog-primary-text);font-weight:600;padding-left:13px;padding-left:calc(var(--space-4) - 3px)}.sidebar-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:15px;height:18px;justify-content:center;width:18px}.sidebar-item-label{opacity:1;transition:opacity .25s ease;transition:opacity var(--transition-slow)}.collapsed .sidebar-item-label{opacity:0;overflow:hidden;width:0}.sidebar-badge{background:#e3f4fc;background:var(--prog-primary-light);border-radius:9999px;border-radius:var(--radius-full);color:#004d70;color:var(--prog-primary-text);font-size:10px;font-weight:700;margin-left:auto;padding:1px 6px;transition:opacity .25s ease;transition:opacity var(--transition-slow)}.collapsed .sidebar-badge{opacity:0}.sidebar-footer{border-top:1px solid #00000014;border-top:1px solid var(--color-border);gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.sidebar-avatar,.sidebar-footer{align-items:center;display:flex;flex-shrink:0}.sidebar-avatar{background:#e3f4fc;background:var(--prog-primary-light);border:1.5px solid #009adb40;border:1.5px solid var(--prog-primary-border);border-radius:50%;color:#004d70;color:var(--prog-primary-text);font-size:11px;font-size:var(--text-xs);font-weight:700;height:30px;justify-content:center;width:30px}.sidebar-user-name{color:#1a1a1a;color:var(--color-text);font-size:13px;font-size:var(--text-sm);font-weight:500;white-space:nowrap}.sidebar-user-role{color:#9e9e9e;color:var(--color-text-4);font-size:11px;font-size:var(--text-xs);white-space:nowrap}.card{background:#fff;background:var(--color-surface);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);padding:20px;padding:var(--space-5)}.card-sm{border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.card-lg{padding:32px;padding:var(--space-8)}.card-header{align-items:center;border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4);padding-bottom:16px;padding-bottom:var(--space-4)}.card-title{color:#1a1a1a;color:var(--color-text);font-size:15px;font-size:var(--text-md);font-weight:600}.card-subtitle{color:#6b6b6b;color:var(--color-text-3);font-size:11px;font-size:var(--text-xs);margin-top:2px}.stat-card{background:#fff;background:var(--color-surface);border:1px solid #00000014;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;gap:var(--space-1);padding:16px;padding:var(--space-4)}.stat-card-accent{border-top:3px solid #009adb;border-top:3px solid var(--prog-primary)}.stat-value{color:#009adb;color:var(--prog-primary);font-size:28px;font-size:var(--text-2xl);font-weight:700;line-height:1.2}.stat-label{color:#6b6b6b;color:var(--color-text-3);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-change,.stat-label{font-size:11px;font-size:var(--text-xs)}.stat-change{font-weight:500;margin-top:4px;margin-top:var(--space-1)}.stat-change.up{color:#1cb36e;color:var(--color-success)}.stat-change.down{color:#e84040;color:var(--color-danger)}.btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:13px;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);justify-content:center;padding:8px 16px;text-decoration:none;transition:all .15s ease;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:#009adb;background:var(--prog-primary);border-color:#009adb;border-color:var(--prog-primary);color:#fff}.btn-primary:hover{background:#006fa0;background:var(--prog-primary-dark);border-color:#006fa0;border-color:var(--prog-primary-dark)}.btn-secondary{background:#e3f4fc;background:var(--prog-primary-light);border-color:#009adb40;border-color:var(--prog-primary-border);color:#004d70;color:var(--prog-primary-text)}.btn-secondary:hover{background:#eeecea;background:var(--color-surface-2)}.btn-ghost{background:#0000;border-color:#00000024;border-color:var(--color-border-2);color:#4b4b4b;color:var(--color-text-2)}.btn-ghost:hover{background:#eeecea;background:var(--color-surface-2);color:#1a1a1a;color:var(--color-text)}.btn-danger{background:#fef2f2;background:var(--color-danger-bg);border-color:#e8404040;border-color:var(--color-danger-border);color:#a32d2d;color:var(--color-danger-text)}.btn-danger:hover{background:#e84040;background:var(--color-danger);color:#fff}.btn-sm{font-size:11px;font-size:var(--text-xs);padding:5px 12px}.btn-lg{font-size:15px;font-size:var(--text-md);padding:11px 22px}.badge{align-items:center;border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-size:var(--text-xs);font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.badge-programme{background:#e3f4fc;background:var(--prog-primary-light);border-color:#009adb40;border-color:var(--prog-primary-border);color:#004d70;color:var(--prog-primary-text)}.badge-success{background:#ecfaf3;background:var(--color-success-bg);border-color:#1cb36e40;border-color:var(--color-success-border);color:#0d6e43;color:var(--color-success-text)}.badge-warning{background:#fffbeb;background:var(--color-warning-bg);border-color:#f59e0b40;border-color:var(--color-warning-border);color:#854f0b;color:var(--color-warning-text)}.badge-danger{background:#fef2f2;background:var(--color-danger-bg);border-color:#e8404040;border-color:var(--color-danger-border);color:#a32d2d;color:var(--color-danger-text)}.badge-info{background:#eff6ff;background:var(--color-info-bg);border-color:#3b82f640;border-color:var(--color-info-border);color:#1e40af;color:var(--color-info-text)}.badge-neutral{background:#eeecea;background:var(--color-surface-2);border-color:#00000024;border-color:var(--color-border-2);color:#6b6b6b;color:var(--color-text-3)}.badge-absent,.badge-excused,.badge-late,.badge-present,.badge-sick{@extend .badge-info}.data-table{border-collapse:collapse;font-size:13px;font-size:var(--text-sm);width:100%}.data-table thead tr{background:#e3f4fc;background:var(--prog-primary-light);border-bottom:2px solid #009adb40;border-bottom:2px solid var(--prog-primary-border)}.data-table thead th{color:#004d70;color:var(--prog-primary-text);font-size:11px;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);transition:background 80ms ease;transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#eeecea;background:var(--color-surface-2)}.data-table tbody tr:last-child{border-bottom:none}.data-table td{color:#4b4b4b;color:var(--color-text-2);padding:10px 14px;vertical-align:middle}.data-table td:first-child{color:#1a1a1a;color:var(--color-text);font-weight:500}.tab-bar{background:#fff;background:var(--color-surface);border-bottom:1px solid #00000014;border-bottom:1px solid var(--color-border);display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-item{align-items:center;border-bottom:2px solid #0000;color:#6b6b6b;color:var(--color-text-3);cursor:pointer;display:flex;font-size:13px;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);padding:12px 16px;transition:color .15s ease,border .15s ease;transition:color var(--transition-base),border var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.tab-item:hover:not(.active){color:#4b4b4b;color:var(--color-text-2)}.tab-item.active{border-bottom-color:#009adb;border-bottom-color:var(--prog-primary);color:#009adb;color:var(--prog-primary);font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-4);position:fixed;z-index:40;z-index:var(--z-modal)}.modal{animation:slideUp .15s ease;background:#fff;background:var(--color-surface);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000001a;box-shadow:var(--shadow-lg);max-height:90vh;max-width:560px;overflow-y:auto;padding:24px;padding:var(--space-6);width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-5)}.modal-title{color:#1a1a1a;color:var(--color-text);font-size:18px;font-size:var(--text-lg);font-weight:600}.modal-close{align-items:center;background:#eeecea;background:var(--color-surface-2);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b6b6b;color:var(--color-text-3);cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:background 80ms ease;transition:background var(--transition-fast);width:28px}.modal-close:hover{background:#e6e4e0;background:var(--color-surface-3)}.toast-container{bottom:24px;bottom:var(--space-6);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);position:fixed;right:24px;right:var(--space-6);z-index:50;z-index:var(--z-toast)}.toast{align-items:center;animation:slideIn .2s ease;background:#fff;background:var(--color-surface);border:1px solid #00000024;border:1px solid var(--color-border-2);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow-md);display:flex;font-size:13px;font-size:var(--text-sm);gap:12px;gap:var(--space-3);max-width:380px;min-width:240px;padding:12px 16px;padding:var(--space-3) var(--space-4)}.toast-success{border-left:3px solid #1cb36e;border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid #e84040;border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning)}.form-group{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);margin-bottom:16px;margin-bottom:var(--space-4)}.form-label{color:#4b4b4b;color:var(--color-text-2);font-size:11px;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-label.required:after{color:#e84040;color:var(--color-danger);content:" *"}.form-hint{color:#9e9e9e;color:var(--color-text-4)}.form-error,.form-hint{font-size:11px;font-size:var(--text-xs)}.form-error{align-items:center;color:#a32d2d;color:var(--color-danger-text);display:flex;gap:4px;gap:var(--space-1)}.input-error{border-color:#e84040!important;border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #e8404040!important;box-shadow:0 0 0 3px var(--color-danger-border)!important}.empty-state{align-items:center;color:#9e9e9e;color:var(--color-text-4);display:flex;flex-direction:column;justify-content:center;padding:48px 32px;padding:var(--space-12) var(--space-8);text-align:center}.empty-state-icon{font-size:40px;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.6}.empty-state-title{color:#6b6b6b;color:var(--color-text-3);font-size:15px;font-size:var(--text-md);font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.empty-state-desc{color:#9e9e9e;color:var(--color-text-4);font-size:13px;font-size:var(--text-sm);max-width:320px}.spinner{animation:spin .7s linear infinite;border:2px solid #00000024;border-top-color:#009adb;border:2px solid var(--color-border-2);border-radius:50%;border-top-color:var(--prog-primary);display:inline-block;height:20px;width:20px}.spinner-sm{height:14px;width:14px}.spinner-lg{border-width:3px;height:32px;width:32px}.avatar{align-items:center;background:#009adb;background:var(--prog-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center}.avatar-sm{font-size:11px;height:28px;width:28px}.avatar-md{font-size:13px;height:36px;width:36px}.avatar-lg{font-size:16px;height:48px;width:48px}.avatar-xl{font-size:22px;height:64px;width:64px}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.gap-6{gap:24px;gap:var(--space-6)}.grid-2{grid-gap:16px;grid-gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:16px;gap:var(--space-4)}.grid-3{grid-gap:16px;grid-gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-gap:16px;grid-gap:var(--space-4);display:grid;gap:16px;gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-primary{color:#1a1a1a;color:var(--color-text)}.text-secondary{color:#4b4b4b;color:var(--color-text-2)}.text-muted{color:#6b6b6b;color:var(--color-text-3)}.text-hint{color:#9e9e9e;color:var(--color-text-4)}.text-prog{color:#009adb;color:var(--prog-primary)}.text-success{color:#0d6e43;color:var(--color-success-text)}.text-danger{color:#a32d2d;color:var(--color-danger-text)}.text-warning{color:#854f0b;color:var(--color-warning-text)}.mt-1{margin-top:4px;margin-top:var(--space-1)}.mt-2{margin-top:8px;margin-top:var(--space-2)}.mt-3{margin-top:12px;margin-top:var(--space-3)}.mt-4{margin-top:16px;margin-top:var(--space-4)}.mt-6{margin-top:24px;margin-top:var(--space-6)}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){:root{--sidebar-width:180px}.page-content{padding:16px;padding:var(--space-4)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){:root{--sidebar-width:var(--sidebar-width-collapsed)}.app-sidebar{width:52px;width:var(--sidebar-width-collapsed)}.sidebar-badge,.sidebar-item-label,.sidebar-logo-sub,.sidebar-logo-text,.sidebar-section,.sidebar-user-name,.sidebar-user-role{display:none}.page-content{padding:12px;padding:var(--space-3)}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-item{font-size:11px;font-size:var(--text-xs);padding:10px 12px}.modal{padding:16px;padding:var(--space-4)}}@media (max-width:480px){:root{--sidebar-width:0px}.app-sidebar{display:none}.app-main{margin-left:0;padding-bottom:60px}.page-content{padding:12px;padding:var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.mobile-nav{background:#fff;background:var(--color-surface);border-top:1px solid #00000014;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000000f;height:60px;justify-content:space-around;left:0;position:fixed;right:0;z-index:20;z-index:var(--z-sticky)}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{border-radius:6px;border-radius:var(--radius-sm);color:#9e9e9e;color:var(--color-text-4);cursor:pointer;flex-direction:column;font-size:9px;gap:3px;min-width:52px;padding:4px 8px;padding:var(--space-1) var(--space-2);transition:color 80ms ease;transition:color var(--transition-fast)}.mobile-nav-item.active{color:#009adb;color:var(--prog-primary)}.mobile-nav-icon{font-size:18px}.tab-item{font-size:11px;padding:8px 10px}}:root{--bg:var(--color-bg);--surface:var(--color-surface);--surface2:var(--color-surface-2);--surface3:var(--color-surface-3);--border:var(--color-border);--border2:var(--color-border-2);--border3:var(--color-border-3);--text:var(--color-text);--text2:var(--color-text-2);--text3:var(--color-text-3);--text4:var(--color-text-4);--accent:#5b7fff;--accent2:#7c9fff;--accent-g:#5b7fff1f;--green:var(--color-success);--red:var(--color-danger);--yellow:var(--color-warning);--orange:#ff9a3c;--purple:#b57bff;--font:"Inter",sans-serif;--mono:"JetBrains Mono",monospace;--radius:8px;--shadow:0 2px 12px #00000014}.app-main{transition:margin-left .25s ease;transition:margin-left var(--transition-slow)}.app-sidebar{border-right:2px solid #00000014;border-right:2px solid var(--color-border)}.tab-bar{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tab-item{flex-shrink:0;scroll-snap-align:start}@media (max-width:1024px){:root{--sidebar-width:200px}.page-content{padding:16px 20px;padding:var(--space-4) var(--space-5)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{padding:0 16px;padding:0 var(--space-4)}}@media (max-width:768px){:root{--sidebar-width:var(--sidebar-width-collapsed)}.app-sidebar{width:52px!important;width:var(--sidebar-width-collapsed)!important}.sidebar-badge,.sidebar-item-label,.sidebar-logo-sub,.sidebar-logo-text,.sidebar-section,.sidebar-user-name,.sidebar-user-role{display:none!important}.sidebar-logo{justify-content:center;padding:0 12px;padding:0 var(--space-3)}.sidebar-item{border-left:none;border-radius:0;justify-content:center;margin-right:0;padding:8px 0;padding:var(--space-2) 0}.sidebar-item.active{background:#e3f4fc;background:var(--prog-primary-light);border-bottom:2px solid #009adb;border-bottom:2px solid var(--prog-primary);border-left:none;padding-left:0}.sidebar-footer{justify-content:center;padding:12px 0;padding:var(--space-3) 0}.page-content{padding:12px;padding:var(--space-3)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-item{font-size:11px;font-size:var(--text-xs);padding:10px 12px}.modal{margin:12px;margin:var(--space-3);max-width:calc(100vw - 24px);max-width:calc(100vw - var(--space-6));padding:16px;padding:var(--space-4)}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 10px}}@media (max-width:480px){:root{--sidebar-width:0px}.app-sidebar{display:none!important}.app-main{margin-left:0!important;padding-bottom:68px}.app-header{height:48px;padding:0 12px;padding:0 var(--space-3)}.header-title{font-size:13px;font-size:var(--text-sm)}.page-content{padding:8px 12px;padding:var(--space-2) var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{border-radius:10px;border-radius:var(--radius-md);padding:16px;padding:var(--space-4)}.modal-overlay{align-items:flex-end;padding:0}.modal{animation:slideUpMobile .2s ease;border-radius:14px 14px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0;max-height:90vh;max-width:100%;padding:20px 16px;padding:var(--space-5) var(--space-4)}.tab-item{font-size:11px;gap:4px;gap:var(--space-1);padding:8px 10px}.tab-item .tab-icon{font-size:14px}.header-actions-stack{flex-wrap:wrap;gap:4px;gap:var(--space-1)}.btn{font-size:11px;font-size:var(--text-xs);padding:7px 12px}.btn-sm{font-size:11px;padding:4px 10px}.table-responsive{-webkit-overflow-scrolling:touch;border:1px solid #00000014;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-md);overflow-x:auto}.data-table td,.data-table th{font-size:12px;padding:8px}}.mobile-nav{align-items:center;background:#fff;background:var(--color-surface);border-top:1px solid #00000014;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 12px #0000000f;display:none;height:60px;justify-content:space-around;left:0;padding:0 8px;padding:0 var(--space-2);position:fixed;right:0;z-index:20;z-index:var(--z-sticky)}@media (max-width:480px){.mobile-nav{display:flex}}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9e9e9e;color:var(--color-text-4);cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:3px;min-width:52px;padding:4px 12px;padding:var(--space-1) var(--space-3);text-decoration:none;transition:color 80ms ease;transition:color var(--transition-fast)}.mobile-nav-item.active,.mobile-nav-item[aria-current=page]{color:#009adb;color:var(--prog-primary)}.mobile-nav-icon{font-size:20px;line-height:1}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-main{padding-bottom:calc(68px + env(safe-area-inset-bottom))}}@media print{.app-header,.app-sidebar,.btn,.mobile-nav,.modal-overlay{display:none!important}.app-main{margin-left:0!important;padding-bottom:0!important}.page-content{padding:0}body{background:#fff;color:#000}.card{border:1px solid #ddd;box-shadow:none}}.prog-pyp,[data-programme=IB_PYP]{--prog-primary:#f7b500;--prog-primary-light:#fff8e1;--prog-primary-dark:#b37f00;--prog-primary-text:#7a4f00;--prog-primary-border:#f7b50047}.prog-myp,[data-programme=IB_MYP]{--prog-primary:#e64c3c;--prog-primary-light:#fdecea;--prog-primary-dark:#a83228;--prog-primary-text:#7a1e14;--prog-primary-border:#e64c3c40}.prog-dp,[data-programme=IB_DP]{--prog-primary:#009adb;--prog-primary-light:#e3f4fc;--prog-primary-dark:#006fa0;--prog-primary-text:#004d70;--prog-primary-border:#009adb40}.prog-cp,[data-programme=IB_CP]{--prog-primary:#7b3f98;--prog-primary-light:#f3eaf8;--prog-primary-dark:#582b6e;--prog-primary-text:#3a1a4a;--prog-primary-border:#7b3f9840}.prog-hs,.prog-ms,.prog-ps,[data-programme=HS],[data-programme=MS],[data-programme=PS]{--prog-primary:#374151;--prog-primary-light:#f3f4f6;--prog-primary-dark:#1f2937;--prog-primary-text:#111827;--prog-primary-border:#37415133}.prog-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.02em;padding:2px 9px;white-space:nowrap}.prog-badge-pyp{background:#fff8e1;border-color:#f7b5004d;color:#7a4f00}.prog-badge-myp{background:#fdecea;border-color:#e64c3c47;color:#7a1e14}.prog-badge-dp{background:#e3f4fc;border-color:#009adb47;color:#004d70}.prog-badge-cp{background:#f3eaf8;border-color:#7b3f9847;color:#3a1a4a}.prog-badge-hs,.prog-badge-ms,.prog-badge-ps{background:#f3f4f6;border-color:#37415133;color:#374151}.prog-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.prog-dot-pyp{background:#f7b500}.prog-dot-myp{background:#e64c3c}.prog-dot-dp{background:#009adb}.prog-dot-cp{background:#7b3f98}.prog-dot-hs,.prog-dot-ms,.prog-dot-ps{background:#9ca3af}.att-present{background:#ecfaf3;border-color:#1cb36e40;color:#0d6e43}.att-absent{background:#fef2f2;border-color:#e8404040;color:#a32d2d}.att-late{background:#fffbeb;border-color:#f59e0b40;color:#854f0b}.att-excused{background:#f3f4f6;border-color:#37415133;color:#374151}.att-sick{background:#eff6ff;border-color:#3b82f640;color:#1e40af}.grade-excellent{background:#ecfaf3;color:#0d6e43;font-weight:700}.grade-good{background:#eff6ff;color:#1e40af;font-weight:600}.grade-pass{background:#fffbeb;color:#854f0b}.grade-fail{background:#fef2f2;color:#a32d2d}.grade-pending{background:#f9f9f7;color:#9e9e9e}
/*# sourceMappingURL=main.b1c176f2.css.map*/