:root{--color-primary: #1e4d8c;--color-on-primary: #ffffff;--color-bg: #f3f5f8;--color-surface: #ffffff;--color-border: #d5dbe3;--color-text: #1f2933;--radius: 6px;--color-primary-hover: #163a6b;--color-text-muted: #52606d;--color-input-border: #66727f;--color-error: #b42318;--color-error-text: #912018;--color-error-bg: #fdecea;--color-focus: var(--color-primary);--color-primary-soft: #e8eef7;--color-accent: #b45309;--color-accent-soft: #fdf3e4;--color-success-text: #166534;--color-success-bg: #ecfdf3;--color-success-border: #15803d;--font-size-xs: .8125rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-weight-regular: 400;--font-weight-semibold: 600;--line-height-tight: 1.3;--line-height-base: 1.5;--line-height-relaxed: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--shadow-card: 0 1px 2px rgb(31 41 51 / .06), 0 1px 3px rgb(31 41 51 / .05);--duration-fast: .15s;--duration-base: .2s;--easing: ease-out;--transition-interactive: background-color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing), box-shadow var(--duration-base) var(--easing)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: .01ms;--duration-base: .01ms}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Segoe UI,Tahoma,Noto Sans Arabic,system-ui,sans-serif;font-size:16px;color:var(--color-text);background:var(--color-bg)}.ds-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.ds-btn{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--space-2);padding-inline:var(--space-4);font:inherit;font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);text-decoration:none;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition-interactive)}.ds-btn--primary{color:var(--color-on-primary);background:var(--color-primary)}.ds-btn--primary:hover{background:var(--color-primary-hover)}.ds-btn--secondary{color:var(--color-primary);background:var(--color-surface);border-color:var(--color-primary)}.ds-btn--secondary:hover{background:var(--color-primary-soft)}.ds-btn--danger{color:var(--color-error-text);background:var(--color-surface);border-color:var(--color-error)}.ds-btn--danger:hover{background:var(--color-error-bg)}.ds-btn--on-primary{color:var(--color-on-primary);background:transparent;border-color:var(--color-on-primary)}.ds-btn--on-primary:hover{background:#ffffff26}.ds-btn--on-primary:focus-visible{outline:2px solid var(--color-on-primary);outline-offset:2px}.ds-alert{padding:var(--space-3) var(--space-4);line-height:var(--line-height-base);border:1px solid;border-inline-start-width:4px;border-radius:var(--radius)}.ds-alert--error{color:var(--color-error-text);background:var(--color-error-bg);border-color:var(--color-error)}.ds-alert--info{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:var(--color-primary)}.ds-badge{display:inline-block;padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary-hover);background:var(--color-primary-soft);border-radius:var(--radius)}.ds-badge--success{color:var(--color-success-text);background:var(--color-success-bg)}