:root{--color-bg: #f4efe6;--color-surface: #ffffff;--color-ink: #252018;--color-ink-soft: #756e65;--color-espresso: #211a15;--color-gold: #c99a55;--color-gold-light: #e4bd76;--color-olive: #697156;--color-danger: #a84f45;--color-success: #4e865f;--color-border: #e2dcd2;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 18px 55px rgba(27, 22, 18, .1);--font-ar: "IBM Plex Sans Arabic", sans-serif;--font-display-ar: "Alexandria", sans-serif;--font-en: "DM Sans", sans-serif}*{box-sizing:border-box}html{margin:0;padding:0;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;padding:0;direction:rtl;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-ar);-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:var(--font-ar)}button,input,select,textarea{color:inherit}button{border:0;font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{color:#fff;background:var(--color-gold)}.en{direction:ltr;display:inline-block;font-family:var(--font-en);unicode-bidi:isolate}.container{width:calc(100% - 28px);margin:0 auto}.btn{min-height:48px;padding:0 15px;border:1px solid transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:var(--color-espresso)}.btn-gold{color:var(--color-espresso);background:var(--color-gold)}.btn-outline{border-color:var(--color-border);color:var(--color-ink);background:#fff}.btn-danger{color:#fff;background:var(--color-danger)}.btn-sm{min-height:36px;padding:0 11px;font-size:12px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{color:#656158;font-size:12px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:0;color:var(--color-ink);background:#fff;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #c99a5517}.field input,.field select{min-height:48px;padding:0 11px}.field textarea{min-height:76px;padding:10px 11px;resize:vertical}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.badge{width:fit-content;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:700}.badge-success{color:#397250;background:#e4f0e7}.badge-danger{color:#984e46;background:#f4e6e3}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:10px;background:#aaa399;background-clip:padding-box}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (max-width: 767px){html{scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom))}body,button,input,select,textarea{font-size:16px}button,a,input,select{touch-action:manipulation}}@media (min-width: 768px){.container{width:min(1160px,100% - 32px)}.btn{min-height:42px}.field input,.field select{min-height:39px}}