:root{color-scheme:light;--canvas: #f4f7fb;--surface: #ffffff;--surface-subtle: #f1f5f9;--surface-raised: #ffffff;--text: #10233f;--text-muted: #607089;--border: #dde5ef;--border-strong: #c5d1e0;--primary: #1769e0;--primary-strong: #0f4fae;--primary-soft: #eaf2ff;--on-primary: #ffffff;--accent: #08a69a;--accent-soft: #e7f8f6;--success: #168759;--success-strong: #106b47;--success-soft: #e7f6ef;--warning: #bb7209;--warning-strong: #8a5205;--warning-soft: #fff3dc;--danger: #c83d4d;--danger-soft: #fff0f2;--info-soft: #edf5ff;--color-surface: var(--surface);--color-surface-muted: var(--surface-subtle);--color-text: var(--text);--color-text-muted: var(--text-muted);--color-border: var(--border);--color-primary: var(--primary);--color-primary-strong: var(--primary-strong);--color-primary-soft: var(--primary-soft);--color-success: var(--success);--color-danger: var(--danger);--radius-sm: .55rem;--radius-md: .8rem;--radius-lg: 1.05rem;--radius-xl: 1.4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--sidebar-width: 15.5rem;--shadow-sm: 0 1px 2px rgb(16 35 63 / 5%), 0 8px 24px rgb(16 35 63 / 5%);--shadow-md: 0 16px 45px rgb(16 35 63 / 11%);--focus: 0 0 0 3px color-mix(in srgb, var(--primary) 30%, transparent);--motion-fast: .16s;--motion-base: .24s;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,Tahoma,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-height:100%;margin:0;color:var(--text);background:var(--canvas);font-size:.95rem;line-height:1.55;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text);background:var(--surface);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background-color var(--motion-fast) ease}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--primary) 48%,var(--border-strong))}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:var(--focus)}input::placeholder,textarea::placeholder{color:#8794a8}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--focus)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-weight:600;text-decoration:none;transition:transform var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}.button--primary{color:var(--on-primary);background:var(--primary);box-shadow:0 .35rem 1rem color-mix(in srgb,var(--primary) 24%,transparent)}.button--primary:hover{background:var(--primary-strong);box-shadow:0 .5rem 1.25rem color-mix(in srgb,var(--primary) 30%,transparent)}.button--secondary{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.button--secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.button:not(:disabled):active{transform:translateY(1px) scale(.985)}.button:disabled{cursor:not-allowed;opacity:.55}.text-button{padding:0;border:0;color:var(--primary);background:transparent;cursor:pointer;font-weight:600}.ui-icon{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--surface);cursor:pointer}.skip-link{position:fixed;z-index:100;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--on-primary);background:var(--primary-strong);text-decoration:none;transform:translateY(-150%);transition:transform var(--motion-fast) ease}.skip-link:focus{transform:translateY(0)}::selection{color:var(--text);background:color-mix(in srgb,var(--primary) 22%,white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{direction:ltr;unicode-bidi:isolate;font-family:Consolas,Courier New,monospace}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}