:root{--color-primary:#1a2b4b;--color-surface:#f8f9ff;--color-card:#fff;--color-critical:#d32f2f;--color-error:#d32f2f;--color-success:#2e7d32;--color-text:#0b1c30;--color-text-muted:#44474e;--color-outline:#75777f;--color-outline-subtle:#c5c6cf;--color-secondary:#3f5d9b;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-gutter:1.5rem;--space-section:2.5rem;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-ambient:0 4px 12px #0000000d;--font-arabic:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-latin:"Hanken Grotesk", "IBM Plex Sans Arabic", sans-serif;background:var(--color-surface);color:var(--color-text);font-family:var(--font-arabic);font-synthesis:none}*{box-sizing:border-box}html{background:var(--color-surface)}body{background:var(--color-surface);min-width:20rem;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.headline-lg{margin:0;font-size:2rem;font-weight:700;line-height:2.5rem}.headline-md{margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}.body-md{margin:0;font-size:1rem;font-weight:400;line-height:1.5rem}.label-sm{font-size:.875rem;font-weight:500;line-height:1.25rem}.label-xs{letter-spacing:.02em;font-size:.75rem;font-weight:600;line-height:1rem}.app-shell{min-height:100dvh}.app-content{min-height:100dvh;min-inline-size:0;padding-block-end:calc(4rem + env(safe-area-inset-bottom))}.page-container{inline-size:100%;max-width:96rem;min-inline-size:0;margin-inline:auto;padding:1rem}.desktop-sidebar{display:none}.desktop-navigation,.mobile-navigation{display:flex}.navigation-item{border-radius:var(--radius-default);align-items:center;gap:var(--space-2);min-block-size:2.75rem;padding-inline:var(--space-3);justify-content:center;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.navigation-item[aria-current=page]{background:#ffffff29;font-weight:700}.navigation-item-disabled{color:#ffffff8c;cursor:not-allowed}.navigation-logout{text-align:start;margin-block-start:auto}.mobile-logout{background:var(--color-card);border:1px solid var(--color-outline-subtle);border-radius:var(--radius-default);bottom:calc(4rem + env(safe-area-inset-bottom) + var(--space-2));color:var(--color-primary);font:inherit;min-block-size:2.75rem;padding-inline:var(--space-4);z-index:11;font-weight:700;position:fixed;inset-inline-start:var(--space-3)}.navigation-icon{font-family:var(--font-latin);font-size:1.25rem;line-height:1}.mobile-navigation{background:var(--color-card);border-block-start:1px solid var(--color-outline-subtle);bottom:0;min-block-size:4rem;z-index:10;justify-content:space-around;align-items:stretch;padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-inline:0;box-shadow:0 -4px 12px #0000000d}.mobile-navigation .navigation-item{color:var(--color-text-muted);gap:var(--space-1);min-block-size:4rem;padding:var(--space-1);flex-direction:column;flex:1;font-size:.75rem}.mobile-navigation .navigation-item[aria-current=page]{color:var(--color-primary);background:#1a2b4b1a}.mobile-navigation .navigation-item-disabled{color:#75777f}.surface{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-ambient);padding:var(--space-5);border:1px solid #0000}.surface:hover{border-color:var(--color-outline-subtle)}.section-header{align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.section-header-inline{justify-content:flex-start}.section-description{color:var(--color-text-muted);margin-block-start:var(--space-1)}.section-header-action{flex:none}.badge{align-items:center;gap:var(--space-1);min-block-size:1.75rem;padding-inline:var(--space-2);border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-neutral{color:var(--color-primary);background:#3f5d9b1f}.badge-success{color:var(--color-success);background:#2e7d321f}.badge-critical{background:var(--color-critical);color:#fff}.metric{gap:var(--space-1);display:grid}.metric-value{color:var(--color-primary);font-family:var(--font-latin);font-size:2rem;line-height:2.5rem}.button{border:1px solid var(--color-primary);border-radius:var(--radius-default);color:var(--color-primary);cursor:pointer;font:inherit;min-block-size:2.75rem;padding-inline:var(--space-4);background:0 0;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-primary);color:#fff}.button:disabled{cursor:not-allowed;opacity:.55}.skeleton{gap:var(--space-3);display:grid}.skeleton>span{border-radius:var(--radius-sm);background:#1a2b4b1a;height:1rem;animation:1.2s ease-in-out infinite alternate shimmer;display:block}.skeleton>span:last-child{inline-size:65%}.state-panel{gap:var(--space-3);max-inline-size:42rem;margin-block-start:var(--space-section);display:grid}.state-panel-error{border-color:var(--color-error)}.auth-page{min-block-size:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-card);border:1px solid var(--color-outline-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);gap:var(--space-4);inline-size:min(100%,28rem);padding:var(--space-6);display:grid}.auth-kicker{color:var(--color-secondary);margin:0}.auth-description{color:var(--color-text-muted)}.auth-form,.auth-field{gap:var(--space-2);display:grid}.auth-form{gap:var(--space-4)}.auth-field{font-weight:600}.auth-field input{background:var(--color-card);border:1px solid var(--color-outline);border-radius:var(--radius-default);color:var(--color-text);font:inherit;min-block-size:2.75rem;padding-inline:var(--space-3)}.auth-submit{inline-size:100%}.auth-error,.auth-notice,.auth-checking{margin:0}.auth-error{color:var(--color-error);font-weight:600}.auth-notice,.auth-checking{color:var(--color-text-muted)}.home-stack{gap:var(--space-section);display:grid}.home-stack>.button{justify-self:start}.home-heading{gap:var(--space-1);display:grid}.home-heading>.label-sm{color:var(--color-secondary)}.home-heading>.body-md{color:var(--color-text-muted)}.attention-grid,.metric-grid{gap:var(--space-gutter);margin-block-start:var(--space-5);display:grid}.attention-card{gap:var(--space-5);display:grid}.attention-card-header,.attention-card-footer,.attention-card-title{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.attention-card-header,.attention-card-footer{flex-wrap:wrap}.attention-card-title{justify-content:flex-start;min-inline-size:0}.attention-card-title>div{gap:var(--space-1);min-inline-size:0;display:grid}.attention-card-title h3{overflow-wrap:anywhere}.attention-icon{color:var(--color-critical);font-family:var(--font-latin);background:#d32f2f1f;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:inline-flex}.urgency{color:var(--color-text-muted)}.urgency-overdue,.urgency-due_today{color:var(--color-critical);font-weight:600}.attention-card-footer{border-block-start:1px solid var(--color-outline-subtle);align-items:center;padding-block-start:var(--space-3)}.attention-card-footer time{color:var(--color-text-muted)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-overdue{border-inline-start-color:var(--color-critical)}.metric-overdue .metric-value,.metric-overdue .label-sm{color:var(--color-critical)}@keyframes shimmer{to{opacity:.55}}@media (width>=64rem){.app-shell{grid-template-columns:17.5rem minmax(0,1fr);display:grid}.app-content{grid-column:2;padding-block-end:0}.desktop-sidebar{background:var(--color-primary);color:#fff;gap:var(--space-6);min-block-size:100dvh;padding:var(--space-5);flex-direction:column;grid-area:1/1;display:flex;position:sticky;top:0}.mobile-logout{display:none}.brand{font-size:1.25rem;font-weight:700;line-height:1.75rem;text-decoration:none}.desktop-navigation{gap:var(--space-2);flex-direction:column}.desktop-navigation .navigation-item{justify-content:flex-start}.mobile-navigation{display:none}.page-container{padding:2rem}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=63.999rem){.headline-lg{font-size:1.5rem;line-height:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}