.shell{flex-direction:column;min-height:100dvh;display:flex}.shell-topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--color-border);background:var(--color-surface-raised);display:flex}.shell-body{flex:1;min-height:0;display:flex}.shell-nav{z-index:10;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-border);background:var(--color-surface-raised);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.shell-nav-link{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-muted);font-weight:500;font-size:var(--text-sm);white-space:nowrap;min-height:44px;transition:background-color var(--motion-fast), color var(--motion-fast);text-decoration:none;display:flex}.shell-nav .shell-nav-link{padding:var(--space-1);flex-direction:column;gap:2px;font-size:.6875rem}.shell-more-trigger{font:inherit;cursor:pointer;background:0 0;border:0}.shell-more-trigger.is-active{background:var(--color-surface);color:var(--color-primary);font-weight:600}.shell-more-nav{z-index:9;inset-inline:var(--space-2);gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:fixed;inset-block-end:calc(64px + env(safe-area-inset-bottom));box-shadow:0 8px 24px #0000001f}.shell-more-nav .shell-nav-link{justify-content:flex-start}.shell-nav-link:hover{background:var(--color-surface);color:var(--color-ink)}.shell-nav-link[aria-current=page]{background:var(--color-surface);color:var(--color-primary);font-weight:600}.shell-main{min-width:0;padding-block:var(--space-4) calc(var(--space-8) + 72px + env(safe-area-inset-bottom));flex:1}.shell-rail{display:none}@media (width>=768px){.shell-nav,.shell-more-nav{display:none}.shell-rail{gap:var(--space-1);width:224px;padding:var(--space-4) var(--space-3);border-inline-end:1px solid var(--color-border);background:var(--color-surface-raised);flex-direction:column;flex-shrink:0;display:flex}.shell-rail .shell-nav-link{justify-content:flex-start;display:flex}.shell-main{padding-block-end:var(--space-8)}}.pending-count{background:var(--color-warning-bg);min-width:22px;height:22px;color:var(--color-warning);font-size:var(--text-sm);border-radius:999px;justify-content:center;align-items:center;margin-inline-start:auto;padding-inline:6px;font-weight:600;display:inline-flex}:root{--color-bg:oklch(100% 0 0);--color-surface:oklch(97.5% .004 280);--color-surface-raised:oklch(100% 0 0);--color-ink:oklch(24% .018 280);--color-ink-muted:oklch(48% .02 280);--color-border:oklch(86% .012 280);--color-primary:oklch(50% .13 45);--color-primary-hover:oklch(44% .135 45);--color-primary-active:oklch(38% .13 45);--color-on-primary:oklch(100% 0 0);--color-accent:oklch(46% .115 205);--color-on-accent:oklch(100% 0 0);--color-info:oklch(46% .115 205);--color-info-bg:oklch(94% .03 205);--color-success:oklch(43% .09 150);--color-success-bg:oklch(94% .035 150);--color-warning:oklch(50% .125 75);--color-warning-bg:oklch(95% .045 85);--color-danger:oklch(47% .165 25);--color-danger-bg:oklch(95% .035 25);--color-focus:oklch(56% .14 45);--color-disabled-bg:oklch(92% .006 280);--color-disabled-ink:oklch(59% .012 280);--brand-terracotta:#c96a3d;--brand-olive:#59663a;--brand-cream:#f6f3ed;--brand-charcoal:#222;--brand-gold:#c8a34a;--brand-sand:#c8b28a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-raised:0 2px 8px oklch(24% .018 280/.1);--shadow-overlay:0 12px 32px oklch(24% .018 280/.18);--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--motion-fast:.15s;--motion-menu:.2s;--motion-dialog:.22s}@font-face{font-family:Noto Sans;src:url(/fonts/noto-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic.woff2)format("woff2");font-weight:400 700;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Noto Sans,Noto Sans Arabic,Arial,sans-serif;font-size:var(--text-base);color:var(--color-ink);background:var(--color-bg);margin:0;line-height:1.5}h1,h2,h3,h4,p{overflow-wrap:break-word;margin:0}h1,h2,h3,h4{font-weight:600;line-height:1.35}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tnum{font-variant-numeric:tabular-nums}.ltr-isolate{direction:ltr;unicode-bidi:isolate;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-ink);font-weight:500;position:absolute;top:-100px}.skip-link:focus-visible{top:var(--space-4)}.page{max-width:1200px;padding-inline:var(--space-4);margin-inline:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-bg);color:var(--color-disabled-ink);cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-secondary{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-ink)}.btn-secondary:hover:not(:disabled){background:var(--color-surface)}.btn-danger{background:var(--color-danger);color:var(--color-on-primary)}.btn-danger:hover:not(:disabled){background:oklch(42% .165 25)}.btn-success{background:var(--color-success);color:var(--color-on-primary)}.btn-success:hover:not(:disabled){background:oklch(38% .09 150)}.btn-ghost{color:var(--color-primary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface)}.btn-full{width:100%}.btn-compact{min-height:36px;padding-block:var(--space-1);font-size:var(--text-sm)}.field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-4);display:flex}.field-label{font-weight:500;font-size:var(--text-sm)}.field-required{color:var(--color-ink-muted);font-weight:400}.field-help{font-size:var(--text-sm);color:var(--color-ink-muted)}.field-error{font-size:var(--text-sm);color:var(--color-danger);font-weight:500}.input,.select,.textarea{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);width:100%}.textarea{resize:vertical;min-height:88px}.input-invalid{border-color:var(--color-danger)}.checkbox-row{gap:var(--space-2);align-items:flex-start;margin-block-end:var(--space-4);display:flex}.checkbox-row input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;margin-block-start:2px}.error-summary{border:1px solid var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block-end:var(--space-4)}.error-summary a{color:var(--color-danger);font-weight:500}.badge{font-size:var(--text-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:500;display:inline-flex}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-neutral{background:var(--color-surface);color:var(--color-ink-muted);border:1px solid var(--color-border)}.card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.row-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);margin:0;padding:0;list-style:none;overflow:hidden}.row-list>li+li{border-block-start:1px solid var(--color-border)}.row-link{padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none;display:block}.row-link:hover{background:var(--color-surface)}.section-title{font-size:var(--text-md);margin-block:var(--space-5) var(--space-3);font-weight:600}.page-title{font-size:var(--text-xl);margin-block:var(--space-5) var(--space-2)}.page-desc{color:var(--color-ink-muted);margin-block-end:var(--space-5)}.dialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);padding:var(--space-5);width:100%;max-width:min(440px,100vw - 32px)}.dialog::backdrop{background:oklch(24% .018 280/.4)}.dialog-title{font-size:var(--text-lg);margin-block-end:var(--space-3)}.dialog-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;margin-block-start:var(--space-5);display:flex}.dialog-actions .btn{flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%}@media (width<=599px){.dialog-actions{flex-direction:column-reverse;align-items:stretch}}.skeleton{background:var(--color-surface);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite kz-pulse}@keyframes kz-pulse{0%,to{opacity:1}50%{opacity:.55}}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-ink-muted)}.empty-state svg{margin-block-end:var(--space-4);margin-inline:auto}.empty-state-title{color:var(--color-ink);margin-block-end:var(--space-1);font-weight:600}.notice{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-block-end:var(--space-4)}.notice-info{background:var(--color-info-bg);color:var(--color-info)}.notice-success{background:var(--color-success-bg);color:var(--color-success)}.notice-warning{background:var(--color-warning-bg);color:var(--color-warning)}.notice-danger{background:var(--color-danger-bg);color:var(--color-danger)}.spinner{border:2px solid;border-inline-start-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite kz-spin}@keyframes kz-spin{to{transform:rotate(360deg)}}