:root{--linen:#f7f2eb;--card:#fff;--ink:#231a14;--ink-2:#3d322a;--muted:#5c4f45;--faint:#7a6d62;--terracotta:#b4532a;--terracotta-dark:#8e3e1c;--clay:#f6e5da;--wa-bg:#e7f6ec;--wa-fg:#145c33;--wa-dot:#25d366;--ok:#1e7a45;--ok-bg:#e3f1e7;--err:#b3261e;--err-bg:#fbe4e1;--line:#eadfd2;--line-2:#f0e8dd;--line-3:#e0d5c7;--line-4:#e8dfd3;--sand:#efe8df;--sand-2:#f3ece3;--dash:#d8ccbd;--on-ink:#d9cbbe;--display:"Bricolage Grotesque", Figtree, system-ui, sans-serif;--mono:ui-monospace, Menlo, monospace;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--linen);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.4 Figtree,system-ui,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}.ms{text-transform:none;letter-spacing:normal;white-space:nowrap;font-feature-settings:"liga";-webkit-user-select:none;user-select:none;flex:none;width:1em;height:1em;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.no-icons .ms{visibility:hidden}.ms.fill{font-variation-settings:"FILL" 1}.display{font-family:var(--display);font-weight:600}.muted{color:var(--muted)}.label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700}.overline{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:20px}.btn{text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:700;display:flex}.btn-primary{background:var(--terracotta);color:#fff;border-radius:18px;height:56px;font-size:17px}.btn-primary:disabled{opacity:.55}.btn-primary:not(:disabled):hover{background:var(--terracotta-dark)}.btn-secondary{border:1.5px solid var(--ink);border-radius:16px;height:52px;font-size:16px}.btn-secondary:disabled{opacity:.45}.btn-wa{background:var(--wa-bg);height:52px;color:var(--wa-fg);border-radius:16px;font-size:16px}.btn-text{min-height:44px;color:var(--muted);font-size:15px;font-weight:600}.btn-text.u{text-underline-offset:3px;text-decoration:underline}.wa-dot{background:var(--wa-dot);color:#fff;border-radius:13px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;display:flex}.mpesa{color:#0e7a38;letter-spacing:.04em;background:#fff;border-radius:7px;align-items:center;height:26px;padding:0 8px;font-size:12px;font-weight:800;display:flex}.pill-add{border:1.5px solid var(--terracotta);height:44px;color:var(--terracotta-dark);white-space:nowrap;border-radius:22px;align-items:center;gap:4px;padding:0 16px 0 12px;font-size:15px;font-weight:600;display:flex}.stepper{background:var(--clay);height:44px;color:var(--terracotta-dark);border-radius:22px;align-items:center;display:inline-flex}.stepper button{justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.stepper button:disabled{opacity:.35}.stepper b{text-align:center;min-width:20px;color:var(--ink);font-size:16px}.placeholder{background:repeating-linear-gradient(135deg,#eadbc8 0 6px,#f3e9dc 6px 12px)}.field{flex-direction:column;gap:6px;display:flex}.field>span,.field>label{font-size:14px;font-weight:600}.field small{color:var(--muted);font-size:13px}.input{border:1.5px solid var(--line-3);background:#fff;border-radius:14px;width:100%;min-height:52px;padding:12px 14px;font-size:16px}.input:focus{border-color:var(--terracotta);outline:none}textarea.input{resize:vertical;min-height:72px}.input::placeholder{color:var(--faint)}.form-error{background:var(--err-bg);color:var(--err);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:600}.toast{left:50%;bottom:calc(24px + var(--safe-b));z-index:90;background:var(--ink);color:#fff;border-radius:16px;width:min(100% - 32px,460px);padding:12px 16px;font-size:15px;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -10px #231a148c}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
