:root{--green:#0e3b32;--green-700:#0b2f28;--green-050:#eef4f1;--orange:#f8984d;--orange-050:#fef2e8;--ink:#14201c;--muted:#5c6b64;--dim:#93a099;--line:#dde5e1;--paper:#f6f8f6;--surface:#fff;--danger:#c0392b;--sans:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.btn{font-family:var(--sans);font-weight:600;font-size:14px;border-radius:10px;padding:11px 18px;border:1px solid transparent;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-700)}.btn-accent{background:var(--orange);color:#3a1e07}.btn-ghost{background:transparent;color:var(--green);border-color:var(--line)}.btn-ghost:hover:not(:disabled){border-color:var(--green)}.btn-danger{background:transparent;color:var(--danger);border:1px solid #eecac5}.input{width:100%;font-family:var(--sans);font-size:15px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:none}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-050)}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px}.hub-bar{gap:16px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.hub-bar,.hub-mark{display:flex;align-items:center}.hub-mark{width:34px;height:34px;border-radius:9px;background:var(--green);color:#fff;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}.hub-name{font-weight:800;font-size:15px;letter-spacing:-.01em}.hub-sub{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.08em}@media (max-width:600px){.hub-bar{padding:12px 16px}}