:root{--navy:#071a35;--blue:#01283b;--green:#58d80c;--orange:#ff4a00;--ink:#eef5f7;--muted:#9fb0bb;--line:rgba(255,255,255,.2);--panel:#fff}*{box-sizing:border-box}body{margin:0;background:#06121a;color:#eef5f7;font-family:Inter,Arial,sans-serif}.topbar{min-height:68px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#071a35;border-bottom:1px solid rgba(255,255,255,.13)}.topbar img{height:46px;border-radius:5px}.topbar nav{display:flex;gap:18px;align-items:center}.topbar a,.topbar button{color:#fff;text-decoration:none;font-weight:800;background:none;border:0;cursor:pointer;font:inherit}.shell{width:min(1180px,92%);margin:28px auto 60px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.page-head h1{font-size:clamp(2rem,6vw,3.4rem);margin:0}.page-head p{color:#b7c5ce;margin:7px 0 0}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px}.panel{background:#fff;color:#071a35;border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.panel h2{margin:0 0 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{background:#f2f5f7;border-radius:14px;padding:15px}.stat small{display:block;color:#62717d}.stat strong{display:block;font-size:1.35rem;margin-top:5px}.loyalty-card{--tier:#01283b;position:relative;width:100%;aspect-ratio:1.586/1;border-radius:24px;padding:clamp(22px,4vw,38px);overflow:hidden;background:var(--tier);color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:0 22px 50px rgba(0,0,0,.4);isolation:isolate}.loyalty-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%);z-index:-1}.loyalty-card .watermark{position:absolute;right:2%;top:8%;font-size:clamp(5rem,15vw,10rem);line-height:.8;font-weight:900;color:rgba(255,255,255,.09);letter-spacing:-.08em}.brandline{display:flex;align-items:flex-start;justify-content:space-between}.rho-name{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;letter-spacing:.03em}.tier-name{font-size:.86rem;letter-spacing:.18em;text-transform:uppercase}.tagline{font-size:clamp(.82rem,2vw,1.1rem);font-weight:800;letter-spacing:.18em;margin-top:55px}.card-number{position:absolute;left:clamp(22px,4vw,38px);bottom:clamp(22px,4vw,35px);font:700 clamp(1.05rem,3vw,1.75rem) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.accent{position:absolute;right:-1px;bottom:-1px;width:90px;height:90px;background:linear-gradient(135deg,transparent 56%,var(--orange) 57% 61%,transparent 62% 69%,var(--green) 70%);clip-path:polygon(0 100%,100% 0,100% 100%)}.card-back{display:none;align-items:center;gap:28px}.card-back.active{display:flex}.card-front.hidden{display:none}.qr-wrap{background:#fff;border-radius:14px;padding:11px;display:grid;place-items:center;min-width:148px;min-height:148px}.qr-wrap canvas{width:128px!important;height:128px!important}.back-copy{max-width:55%}.back-copy h3{margin:0 0 8px}.back-copy p{font-size:.86rem;color:#dbe5e9}.switcher{display:flex;justify-content:center;gap:8px;margin-top:14px}.switcher button,.primary,.secondary{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.switcher button{background:#eaf0f3;color:#071a35}.switcher button.active,.primary{background:#4ca500;color:#fff}.secondary{background:#eaf0f3;color:#071a35}.empty{padding:34px;text-align:center}.empty p,.muted{color:#647083}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:10px;border-bottom:1px solid #e2e8ec;white-space:nowrap}.data-table th{color:#647083}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{font-size:.85rem;font-weight:800}.field input,.field select,.field textarea{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #ccd5db;border-radius:9px;font:inherit}.wide{grid-column:1/-1}.status{min-height:20px;margin:10px 0 0;font-size:.85rem}.status.error{color:#b42318}.status.ok{color:#387d08}.benefits{padding-left:20px;line-height:1.8}.validation{width:min(620px,92%);margin:70px auto;background:#fff;color:#071a35;border-radius:24px;padding:32px;text-align:center}.validation-icon{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#eaf6e2;color:#3e8a0b;font-size:2.4rem}.validation.invalid .validation-icon{background:#fff0ed;color:#b42318}.validation h1{margin:0 0 8px}.validation .tier-chip{display:inline-block;padding:8px 13px;border-radius:999px;color:#fff;font-weight:900;margin:10px}.privacy{font-size:.75rem;line-height:1.5;color:#71808b}.privacy a{color:inherit}@media(max-width:800px){.layout{grid-template-columns:1fr}.page-head{display:block}.stats{grid-template-columns:1fr 1fr}.card-back{gap:14px}.back-copy{max-width:48%}}@media(max-width:520px){.shell{width:94%;margin-top:15px}.panel{padding:15px;border-radius:15px}.loyalty-card{border-radius:17px}.tagline{margin-top:30px}.card-back{align-items:center}.qr-wrap{min-width:116px;min-height:116px;padding:8px}.qr-wrap canvas{width:100px!important;height:100px!important}.back-copy p{font-size:.68rem}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stats{gap:7px}.stat{padding:10px}.topbar{padding:8px 3%}.topbar img{height:38px}.topbar nav{gap:9px;font-size:.75rem}}