:root{--color-primary: #5a7d4f;--color-primary-rgb: 90, 125, 79;--color-primary-deep: #3f5b35;--color-secondary: #6c3e44;--color-secondary-rgb: 108, 62, 68;--color-paper: #fbf6ec;--color-cream: #f7f1e6;--color-ink: #2a2420;--color-ink-muted: #7a6f63;--color-card: #ffffff;--color-border: rgba(42, 36, 32, .08);--color-success: #2e7d32;--color-error: #c62828;--color-warning: #ed6c02;--radius-card: 24px;--radius-button: 999px;--font-sans: "Tajawal", "Segoe UI", system-ui, sans-serif;--shadow-card: 0 8px 24px rgba(42, 36, 32, .08);--shadow-card-hover: 0 16px 40px rgba(42, 36, 32, .14)}html,body{margin:0;padding:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.5}*,*:before,*:after{box-sizing:border-box}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}[dir=rtl] .ms-1{margin-inline-start:.25rem}[dir=rtl] .me-1{margin-inline-end:.25rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__main{flex:1;width:100%}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:720px){.app-container{padding:0 24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-button);border:1px solid transparent;font-weight:600;font-size:15px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.28)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.36)}.btn--outline{background:transparent;color:var(--color-ink);border-color:#2a242026}.btn--text{background:transparent;color:var(--color-primary);padding:4px 8px;box-shadow:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.card{background:var(--color-card);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:24px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field__label{font-size:13px;color:var(--color-ink-muted)}.field__input{padding:12px 16px;border-radius:999px;border:1px solid rgba(42,36,32,.15);background:#fff;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18)}.muted{color:var(--color-ink-muted)}.text-error{color:var(--color-error)}.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loader-spin .8s linear infinite}@keyframes loader-spin{to{transform:rotate(360deg)}}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fbf6ecd9;z-index:9999}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a242073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{background:var(--color-card);border-radius:16px;padding:24px;width:100%;max-width:480px;box-shadow:0 24px 60px #2a242040}