/* Stayinn design system (matches stayinn.com: Figtree/Tajawal, brand greens, pill buttons, soft cards) */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{--brand:#6ea391;--brand-d:#4e7467;--brand-50:#f1f6f4;--brand-100:#e3f2ec;--brand-800:#3d5a50;--brand-900:#2e443d;
 --ink:#0e0e0f;--ink2:#2a2a2d;--muted:#5c5c5e;--line:#e7e7ea;--bg:#ffffff;--soft:#f1f6f4;--surface:#ffffff;--surface2:#f4f4f5;--shadow:rgba(14,14,15,.06);--radius:16px;color-scheme:light}
:root[data-theme=dark]{--brand:#8bb5a7;--brand-d:#9ec1b5;--brand-50:#1b2622;--brand-100:#223430;--ink:#f4f4f5;--ink2:#d7d7da;--muted:#a3a3aa;--line:#2a2a2d;--bg:#0e0e0f;--soft:#1b2622;--surface:#1e1e20;--surface2:#2a2a2d;--shadow:rgba(0,0,0,.45);color-scheme:dark}
html,body{font-family:Figtree,Tajawal,system-ui,-apple-system,sans-serif!important;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
[dir=rtl],[dir=rtl] body,[dir=rtl] input,[dir=rtl] button,[dir=rtl] select,[dir=rtl] textarea{font-family:Tajawal,Figtree,system-ui,sans-serif!important}
header{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;box-shadow:none}
header img{height:38px}
.btn,button.btn{border-radius:999px!important;font-weight:600;background:var(--brand);color:#fff;border:0;padding:10px 20px;transition:background .15s,transform .1s}
.btn:hover{background:var(--brand-d)}.btn:active{transform:scale(.98)}
.btn.ghost{background:var(--surface2)!important;color:var(--ink)!important;border:0!important}.btn.ghost:hover{background:var(--line)!important}
:root[data-theme=dark] .btn:not(.ghost){color:#0e0e0f}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)!important;box-shadow:0 1px 2px var(--shadow)}
input,select,textarea{border-radius:12px!important;border:1px solid var(--line)!important;background:var(--surface);color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:transparent!important}
.pill{border-radius:999px}
h1,h2,h3{letter-spacing:-.01em;font-weight:700}
a{color:var(--brand-d)}
table th{color:var(--muted);font-weight:600}
.si-tools{display:inline-flex;gap:6px;align-items:center}
.si-tools select,.si-tools button{height:36px;border-radius:999px!important;border:0!important;background:var(--surface2);color:var(--ink);padding:0 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.si-tools button{width:36px;padding:0}
[dir=rtl] th,[dir=rtl] td{text-align:right}