:root{--ink-950: #0d1712;--ink-900: #112119;--ink-800: #16261f;--ink-700: #203528;--ink-600: #2c4536;--gold-300: #e3cd97;--gold-500: #b4903f;--gold-600: #93732f;--ivory-50: #faf7f0;--ivory-100: #f3ecdd;--sage-300: #b7c4b4;--sage-500: #7f9080;--sage-700: #52604f;--clay-500: #a8574c;--clay-700: #7a3d35;--moss-500: #52734f;--moss-700: #38512f;--radius-sm: 3px;--radius-md: 6px;--font-display: "Amiri", "Traditional Arabic", serif;--font-body: "Tajawal", "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--ivory-50);color:var(--ink-900);-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:var(--font-display);font-weight:700;color:var(--ink-950);margin:0;line-height:1.25}p{margin:0}a{color:inherit}button,input,select{font-family:inherit;font-size:1rem}::selection{background:var(--gold-300);color:var(--ink-950)}:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.hairline{border:1px solid var(--ink-700)}.gold-rule{width:56px;height:2px;background:linear-gradient(90deg,var(--gold-500),transparent);border:none}.flourish{display:flex;align-items:center;gap:12px;color:var(--gold-500)}.flourish:before,.flourish:after{content:"";height:1px;flex:1;background:var(--ink-600)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600}.status-pill.on-time{background:#52734f1f;color:var(--moss-700)}.status-pill.late{background:#a8574c1f;color:var(--clay-700)}.status-pill.absent{background:#5a5a5a1a;color:var(--sage-700)}.status-pill.open{background:#b4903f24;color:var(--gold-600)}@media (max-width: 760px){.login-wrap{grid-template-columns:1fr!important}.login-wrap>div:first-child{padding:32px 20px!important}.login-wrap h1{font-size:3rem!important}.two-col-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.shell-wrap{grid-template-columns:1fr!important}.shell-wrap main{padding:24px!important}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}