:root{--ink:#223b35;--muted:#64736e;--paper:#fffdfa;--cream:#f3f0e9;--line:#d9ded9;--green:#356f63;--green-soft:#eaf2ee;--red:#a23e37;--orange:#a45a20}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.portal-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:.18em;color:var(--ink);text-decoration:none}.brand small{display:block;font-size:9px;line-height:1.1;letter-spacing:.34em;color:var(--green)}.back,.panel a{color:var(--green);font-weight:700;text-decoration:none}.portal-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:36px 0 70px}.access-card,.panel,.summary-grid article{background:var(--paper);border:1px solid var(--line);border-radius:16px}.access-card{max-width:580px;margin:54px auto;padding:34px}.access-card h1,.welcome h1,.panel h2,.sheet h2{font:700 32px/1.12 Georgia,serif;margin:0}.access-card p{color:var(--muted)}.kicker{margin:0 0 7px;color:var(--green);font-size:12px;font-weight:850;letter-spacing:.14em}.access-card form{display:grid;gap:14px;margin-top:24px}.access-card label,.sheet label{display:grid;gap:6px;font-weight:750}.access-card input,.sheet input,.sheet textarea,.sheet select{width:100%;border:1px solid #aebfb8;border-radius:8px;padding:12px;background:#fff}.access-card button,.sheet form>button{border:1px solid var(--green);border-radius:8px;padding:12px 16px;background:var(--green);color:#fff;font-weight:800}.quiet{color:var(--muted);font-size:14px}.welcome{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.welcome h1{font-size:40px}.text-button{border:0;background:transparent;color:var(--green);padding:8px;font-weight:750;text-decoration:underline}.notice{margin:0 0 20px;padding:12px 14px;border-radius:9px;background:#fff0e8;color:#7c3e15}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.summary-grid article{padding:20px}.summary-grid small{display:block;color:var(--muted);font-weight:700}.summary-grid strong{display:inline-block;margin:7px 5px 0 0;font-size:27px}.summary-grid span{color:var(--muted);font-size:13px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:22px}.panel.appointments{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel h2{font-size:24px}.panel p{color:var(--muted)}.appointment{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:15px;padding:15px 0;border-top:1px solid #e7e9e5}.appointment:first-child{border-top:0}.date-time b{display:block;font-size:17px}.date-time small,.service-copy small{color:var(--muted)}.service-copy strong{display:block}.appointment-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.small-button{border:1px solid #b7c9c1;border-radius:8px;padding:8px 10px;background:#fff;color:var(--green);font-weight:750}.small-button.cancel{border-color:#e4b8b4;color:var(--red)}.state{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750;background:var(--green-soft);color:var(--green)}.reward,.ledger-row,.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #e7e9e5}.reward:first-child,.ledger-row:first-child,.form-row:first-child{border-top:0}.reward strong,.ledger-row strong{display:block}.reward small,.ledger-row small,.form-row small{color:var(--muted)}.reward button{border:1px solid var(--green);background:#fff;color:var(--green);border-radius:7px;padding:6px 8px;font-weight:750}.reward button:disabled{opacity:.45;cursor:not-allowed}.preset-row{display:flex;gap:8px;flex-wrap:wrap}.preset-row span{padding:6px 9px;border-radius:99px;background:var(--green-soft);font-weight:700;font-size:13px}.sheet{border:0;border-radius:16px;width:min(520px,94vw);padding:28px;box-shadow:0 24px 70px #172f2a52}.sheet::backdrop{background:#18362f72}.sheet h2{margin-bottom:18px}.sheet form{display:grid;gap:14px}.sheet textarea{min-height:100px;resize:vertical}.sheet .danger{background:var(--red);border-color:var(--red)}.close{position:absolute;right:14px;top:9px;border:0;background:none;font-size:27px;color:var(--ink)}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.slot-grid button{border:1px solid #adc2b9;background:#fff;border-radius:8px;padding:10px;color:var(--green);font-weight:750}.slot-grid button.pending_review{border-style:dashed;color:var(--orange)}.portal-gift-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.portal-gift-search input{min-width:0;border:1px solid #aebfb8;border-radius:8px;padding:11px 12px;background:#fff}.portal-gift-search button{border:1px solid var(--green);border-radius:8px;padding:11px 14px;background:var(--green);color:#fff;font-weight:800}.portal-gift-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.portal-gift-result>div{padding:10px;border-radius:9px;background:var(--green-soft)}.portal-gift-result small,.portal-gift-result strong{display:block}.portal-gift-result small{color:var(--muted);font-size:12px}.portal-gift-result strong{margin-top:3px;text-transform:capitalize}.portal-gift-result .portal-gift-error{grid-column:1/-1;color:var(--red)}@media(max-width:720px){.portal-header{padding:0 18px}.portal-shell{padding-top:24px}.summary-grid,.portal-grid{grid-template-columns:1fr}.panel.appointments{grid-column:auto}.welcome h1{font-size:34px}.appointment{grid-template-columns:1fr;gap:6px}.appointment-actions{justify-content:flex-start}.slot-grid{grid-template-columns:repeat(2,1fr)}.portal-gift-search,.portal-gift-result{grid-template-columns:1fr}}