:root{--ink:#171714;--paper:#f3f0e9;--cream:#e9e2d5;--gold:#b78b43;--green:#283e35;--muted:#77746d;--line:#d7d0c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:relative;z-index:2;background:rgba(243,240,233,.92);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font:700 15px 'Playfair Display'}.brand small,.profile small{display:block;font:500 9px 'DM Sans';letter-spacing:1.6px;color:var(--muted);margin-top:2px}.brand-mark{width:39px;height:39px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px}.topbar nav{display:flex;gap:32px}.nav-link{border:0;background:none;font:600 13px inherit;color:var(--muted);cursor:pointer;padding:30px 2px 27px}.nav-link.active{color:var(--ink);border-bottom:2px solid var(--gold)}.profile{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:11px;font-weight:700}.avatar.large{width:46px;height:46px}.view{display:none;max-width:1180px;margin:auto;padding:65px 38px 90px}.view.active{display:block}.hero{display:grid;grid-template-columns:1fr 430px;gap:80px;align-items:center;margin-bottom:60px}.eyebrow{letter-spacing:2.4px;font-size:10px;font-weight:700;color:var(--gold);margin:0 0 15px}.hero h1,.page-heading h1{font:600 clamp(42px,5vw,68px)/.98 'Playfair Display';margin:0}.hero h1 em{font-weight:600;color:var(--gold)}.lead{color:var(--muted);max-width:480px;line-height:1.7;margin-top:24px}.membership-card{height:254px;border-radius:16px;padding:27px 30px;color:#f7f1e7;background:linear-gradient(145deg,#1d332b,#101c18);box-shadow:0 25px 50px #21332b30;position:relative;overflow:hidden}.shine{position:absolute;width:300px;height:300px;border-radius:50%;background:#b78b4320;filter:blur(8px);right:-120px;top:-150px}.card-head,.card-foot{display:flex;justify-content:space-between;position:relative;font:600 11px 'DM Sans';letter-spacing:1.6px}.points{margin:52px 0 46px;display:flex;align-items:end;gap:12px}.points strong{font:600 52px 'Playfair Display'}.points span{font-size:9px;letter-spacing:1.3px;margin-bottom:9px;color:#d5ccbd}.card-foot small{display:block;font-size:8px;color:#9ea9a2;margin-top:5px}.qr{font-size:28px}.progress-card{background:white;border:1px solid var(--line);padding:22px 28px;display:grid;grid-template-columns:280px 1fr;gap:35px;align-items:center;margin-bottom:68px}.progress-card span,.progress-card strong{display:block;font-size:12px}.progress-card strong{font:600 19px 'Playfair Display';margin-top:6px}.progress{height:6px;background:#e5e0d7;border-radius:5px;overflow:hidden}.progress i{display:block;height:100%;width:72%;background:var(--gold);transition:.4s}.progress-wrap small{display:block;text-align:right;color:var(--muted);margin-top:7px;font-size:10px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-title h2{font:600 35px 'Playfair Display';margin:0}.section-title.compact{align-items:center;margin-bottom:18px}.section-title.compact h2{font-size:20px}.section-title.compact span{font-size:11px;color:var(--muted)}.text-btn,.small-btn{border:0;background:none;color:var(--ink);font:600 11px inherit;cursor:pointer}.small-btn{background:var(--ink);color:white;padding:9px 13px}.rewards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reward{background:#fff;border:1px solid var(--line);padding:25px;min-height:218px;display:flex;flex-direction:column}.reward-icon{font-size:28px;margin-bottom:32px}.reward h3{font:600 20px 'Playfair Display';margin:0 0 7px}.reward p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.reward-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.reward-foot b{font-size:12px;color:var(--gold)}.reward button{background:var(--green);color:white;border:0;padding:9px 13px;font:600 10px inherit;cursor:pointer}.reward button:disabled{background:#d8d3c9;color:#969189}.page-heading{margin-bottom:40px}.page-heading h1{font-size:48px}.page-heading>p:last-child{color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;border:1px solid var(--line);padding:26px}.panel>label{font-size:11px;font-weight:700;display:block;margin-bottom:10px}.search-row{display:flex}.search-row input{flex:1;padding:13px;border:1px solid var(--line);font:13px inherit}.icon-btn{width:46px;background:var(--ink);color:white;border:0;font-size:19px}.customer-result{margin-top:18px;border:1px solid var(--line);padding:15px;display:flex;align-items:center;gap:12px}.customer-result div{flex:1}.customer-result strong,.customer-result small{display:block}.customer-result small{font-size:10px;color:var(--muted);margin-top:4px}.status{font-size:9px;color:#31754f;background:#e0f0e6;padding:5px 8px}.service-option{border-bottom:1px solid var(--line);padding:13px 2px;display:flex;align-items:center;gap:10px;font-size:13px}.service-option input{accent-color:var(--gold)}.service-option b{margin-left:auto;color:var(--gold);font-size:11px}.primary{width:100%;border:0;background:var(--green);color:#fff;padding:14px;margin-top:20px;font:700 11px inherit;letter-spacing:.5px;cursor:pointer}.helper{text-align:center;color:var(--muted);font-size:9px!important}.recent{margin-top:20px}.activity-row,.admin-reward{display:grid;grid-template-columns:1fr auto auto;gap:30px;padding:14px 0;border-top:1px solid var(--line);font-size:12px;align-items:center}.activity-row small,.admin-reward small{display:block;color:var(--muted);margin-top:3px}.activity-row b{color:#347253}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article{background:var(--green);color:#fff;padding:23px}.stats span,.stats small{font-size:10px;color:#b8c2bd;display:block}.stats strong{font:600 32px 'Playfair Display';display:block;margin:13px 0}.admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.admin-reward{grid-template-columns:1fr auto}.admin-reward b{color:var(--gold)}.chart-panel{min-height:320px}.chart{height:200px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:13px;padding:10px}.chart i{background:#ced6d1;flex:1}.chart i.gold{background:var(--gold)}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:var(--muted);margin-top:9px}dialog{border:0;padding:35px;width:min(440px,90vw);box-shadow:0 30px 80px #0004;background:var(--paper)}dialog::backdrop{background:#142019aa}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;cursor:pointer}dialog h2{font:600 31px 'Playfair Display';margin:0 0 13px}dialog p{color:var(--muted);font-size:13px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:13px 22px;font-size:12px;transition:.25s;z-index:8}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.topbar{padding:0 18px}.topbar nav{gap:9px}.profile>span:last-child{display:none}.hero,.work-grid,.admin-grid{grid-template-columns:1fr}.hero{gap:35px}.membership-card{max-width:430px}.rewards,.stats{grid-template-columns:1fr 1fr}.view{padding:40px 20px}.progress-card{grid-template-columns:1fr}.stats article{padding:18px}}@media(max-width:520px){.brand>span:last-child{display:none}.nav-link{font-size:11px}.rewards,.stats{grid-template-columns:1fr}.hero h1{font-size:45px}.membership-card{height:230px}.points{margin:42px 0 38px}}