:root{--bg:#fff;--surface:#fff;--surface-2:#f9fafb;--surface-3:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--ink:#111827;--ink-2:#374151;--muted:#6b7280;--accent:#0f7a35;--accent-hover:#0b5f29;--accent-ink:#fff;--accent-soft:#eef8f1;--accent-soft-2:#d7f0de;--gold:#c08a0a;--gold-soft:#fdf5dc;--success:#059669;--danger:#dc2626;--warning:#d97706;--radius-sm:8px;--radius:12px;--radius-lg:16px;--shadow-sm:0 1px 2px rgba(17,24,39,.05);--shadow:0 1px 3px rgba(17,24,39,.06),0 8px 24px rgba(17,24,39,.06);--shadow-lg:0 20px 50px rgba(17,24,39,.18);--header-height:64px;--container:1680px;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-arabic:"Scheherazade New",serif;color-scheme:light}html.dark{--bg:#0c0c10;--surface:#131318;--surface-2:#18181f;--surface-3:#202029;--border:#26262f;--border-strong:#34343f;--ink:#f4f4f5;--ink-2:#d4d4d8;--muted:#a1a1aa;--accent:#3cc46a;--accent-hover:#6fd893;--accent-ink:#0c0c10;--accent-soft:rgba(60,196,106,.1);--accent-soft-2:rgba(60,196,106,.18);--gold:#f2c230;--gold-soft:rgba(242,194,48,.12);--success:#34d399;--danger:#f87171;--warning:#fbbf24;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow:0 1px 3px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--shadow-lg:0 20px 50px rgba(0,0,0,.6);color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin:0}p{margin:0}button,input,select{color:inherit;font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-moz-selection{background:var(--accent-soft-2)}::selection{background:var(--accent-soft-2)}.ui-container{margin:0 auto;max-width:var(--container);padding:0 clamp(24px,4vw,72px);width:100%}@media(max-width:640px){.ui-container{padding:0 16px}}.ui-eyebrow{color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ui-muted{color:var(--muted)}.ui-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:0 1rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.ui-btn:hover{background:var(--surface-3)}.ui-btn:disabled{cursor:not-allowed;opacity:.5}.ui-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ui-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ui-btn--ghost{background:transparent;border-color:transparent}.ui-btn--ghost:hover{background:var(--surface-3)}.ui-btn--active{background:var(--accent-soft);border-color:var(--accent-soft-2);color:var(--accent)}.ui-btn--lg{border-radius:var(--radius);font-size:1rem;height:48px;padding:0 1.4rem}.ui-btn--sm{font-size:.82rem;height:32px;padding:0 .7rem}.ui-icon-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:40px}.ui-icon-btn:hover{background:var(--surface-3);color:var(--ink)}.ui-icon-btn svg{height:20px;width:20px}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-card--hover{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ui-card--hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.ui-chip{align-items:center;background:var(--surface-3);border-radius:999px;color:var(--ink-2);display:inline-flex;font-size:.78rem;font-weight:600;gap:.35rem;height:26px;padding:0 .6rem}.ui-chip--accent{background:var(--accent-soft);color:var(--accent)}.ui-input,.ui-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);font-size:.9rem;height:40px;padding:0 .8rem;transition:border-color .15s ease,box-shadow .15s ease}.ui-input::-moz-placeholder{color:var(--muted)}.ui-input::placeholder{color:var(--muted)}.ui-input:focus,.ui-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-2);outline:none}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%236b7280' viewBox='0 0 20 20'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0l3.3 3.3 3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:2rem}.ui-segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;padding:3px}.ui-segmented button{background:transparent;border:none;border-radius:6px;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:600;height:32px;min-width:40px;padding:0 .7rem;white-space:nowrap}.ui-segmented button.active{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink)}.ui-progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.ui-progress>div{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s ease}.ui-spinner{animation:ui-spin .8s linear infinite;border:3px solid var(--accent-soft-2);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}
