:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#f5f5f5;background:#0a0a0a;font-size:16px;--ink:#f5f5f5;--muted:#aab7c1;--lime:#00bfff;--line:#303940}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit}header{max-width:1160px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}header>a:last-child{font-size:.875rem;text-decoration:none}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;font-size:.875rem;letter-spacing:.1em}.brand small{display:block;font-size:.75rem;letter-spacing:.22em;margin-top:4px;color:var(--muted)}.monogram{font-size:1.5rem;letter-spacing:-.1em;background:var(--ink);color:var(--lime);padding:16px 14px;border-radius:14px}main{max-width:1096px;margin:28px auto 80px;padding:0 24px;min-height:65vh}footer{border-top:1px solid var(--line);padding:24px 32px;display:flex;justify-content:space-between;gap:15px;font-size:.875rem;color:var(--muted)}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;margin:12px 0 16px;line-height:1.08}h2{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 20px}h3{font-size:1rem;margin:0 0 10px}p{line-height:1.6}.eyebrow{font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.login-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;margin:54px 0}.intro{padding:20px 0}.intro p{max-width:380px}.card{background:#15191d;border:1px solid var(--line);border-radius:24px;padding:30px}.login-card{box-shadow:0 16px 48px #f5f5f508}.reward-example{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-top:35px}.reward-example strong{font-size:2rem;letter-spacing:-.06em}.reward-example span{font-size:.875rem;color:var(--muted)}label{display:block;font-size:.875rem;font-weight:700;margin:20px 0 8px}input,select{width:100%;border:1px solid #47545e;border-radius:10px;padding:14px;background:#15191d;color:var(--ink);min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #00bfff;outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:0;border-radius:10px;background:var(--ink);color:#f5f5f5;font-weight:700;padding:15px 22px;text-decoration:none;min-height:48px}button:disabled{opacity:.55;cursor:not-allowed}.secondary{background:#15191d;color:var(--ink);border:1px solid #47545e}.ghost{background:transparent;color:var(--muted);padding:10px}.full{width:100%;margin-top:22px}.small{font-size:.875rem;line-height:1.5}.preview-banner{max-width:1048px;margin:0 auto;background:#142b38;padding:12px 20px;border-radius:12px;font-size:.875rem;line-height:1.5}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-head h1{font-size:2.25rem}.dashboard{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.balance-card{background:var(--ink);color:#f5f5f5;border:0;position:relative;overflow:hidden}.balance-card .eyebrow,.balance-card .muted{color:#b6c7d1}.balance-number{font-size:clamp(4rem,9vw,6rem);font-weight:700;letter-spacing:-.075em;line-height:1.1;margin:24px 0 4px}.balance-number small{font-size:1rem;letter-spacing:0;font-weight:400;color:#b6c7d1}.value-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #ffffff25;margin-top:25px;padding-top:24px;gap:15px}.value-row strong{font-size:2rem;color:var(--lime)}progress{width:100%;height:10px;accent-color:#00bfff;margin:12px 0;border:0;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#303940}progress::-webkit-progress-value{background:#00bfff}.reward-stamp{display:inline-flex;background:var(--lime);color:var(--ink);font-size:2rem;font-weight:700;padding:20px;border-radius:16px;margin:6px 0 24px}.span-all{grid-column:1/-1}.empty{padding:35px 15px;text-align:center;color:var(--muted);border:1px dashed #47545e;border-radius:14px}.empty strong{display:block;color:var(--ink);margin-bottom:8px}.activity{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity p{margin:3px 0}.positive{color:#6ade9c}.negative{color:#ffb29f}.toolbar{display:flex;gap:12px;align-items:center;margin:24px 0}.toolbar input{flex:1}.customer-row{width:100%;display:flex;justify-content:space-between;text-align:left;background:#15191d;color:var(--ink);border-bottom:1px solid var(--line);border-radius:0;padding:18px 0}.customer-row:hover{background:#202c35}.customer-row small{display:block;font-weight:400;color:var(--muted);margin-top:6px}.owner-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary{background:#142b38;border-radius:12px;padding:16px;margin-top:20px;line-height:1.7}.error{background:#fbe9e4;border:1px solid #e7beb0;color:#742a1b;padding:14px;border-radius:10px;margin-bottom:20px}.success{background:#14352a;padding:14px;border-radius:10px;margin-bottom:20px}.stat{font-size:2rem;font-weight:700}details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}summary{cursor:pointer;font-size:.875rem;font-weight:700}.back{margin-bottom:20px}.pill{display:inline-block;padding:6px 10px;background:#142b38;border-radius:99px;font-size:.75rem;font-weight:700}.skeleton{padding:80px;text-align:center;color:var(--muted)}@media(max-width:720px){header{padding:20px}.brand{font-size:.75rem}header>a:last-child{font-size:.75rem}main{margin-top:20px;padding:0 18px}.login-grid,.dashboard,.owner-layout{grid-template-columns:1fr;gap:22px}.login-grid{margin:12px 0}.intro{padding:0}.intro h1{max-width:310px}.reward-example{margin-top:20px;padding-top:18px}.card{padding:24px;border-radius:18px}.page-head{align-items:flex-start}.page-head h1{font-size:1.9rem}.preview-banner{margin:0 18px}footer{flex-direction:column;padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.balance-number{font-size:5rem}.toolbar{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){.card{animation:appear .25s ease-out}@keyframes appear{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

/* Match the C&R Detailing website identity. */
:root{--accent:#00bfff}header{border-bottom:1px solid var(--line)}.brand-logo{width:64px;height:48px;object-fit:cover;border-radius:4px}.brand{font-family:Oswald,Arial,sans-serif;font-size:1.15rem}.brand small{color:var(--accent);font-family:Inter,Arial,sans-serif;font-size:.75rem}h1,h2,h3,.balance-number,.reward-stamp,.reward-example strong{font-family:Oswald,"Arial Narrow",Arial,sans-serif}h1,h2{letter-spacing:.01em;text-transform:uppercase}h1{line-height:1.15}.eyebrow,header>a:last-child{color:var(--accent)}.card{border-radius:12px}.login-card{box-shadow:0 18px 50px #0005}.reward-example strong{color:var(--accent);letter-spacing:0}button,.button{background:var(--accent);color:#03131c;border-radius:6px}.secondary{background:transparent;color:var(--ink);border-color:#47545e}.ghost{background:transparent;color:var(--muted)}.balance-card{background:#111e28;border:1px solid #284656;border-top:3px solid var(--accent)}.balance-number{letter-spacing:-.02em}.reward-stamp{color:#03131c;border-radius:6px}.pill{color:var(--accent);border-radius:4px;letter-spacing:.1em}.customer-row{background:transparent;color:var(--ink);border-radius:0}.summary{border:1px solid #284656}.success{color:#c6f7df}.error{background:#391d1d;color:#ffd8ce;border-color:#7b4141}input,select{background:#0e1215;border-radius:6px;color:var(--ink)}.intro h1{font-size:clamp(2.5rem,5vw,4rem)}.small,summary,label{font-size:.875rem}@media(max-width:720px){.card{border-radius:12px}.brand{font-size:1rem}.brand-logo{width:48px;height:36px}.reward-example{gap:12px;flex-wrap:wrap}.page-head{flex-wrap:wrap}.balance-number{font-size:clamp(3.5rem,15vw,5rem)}}

/* Membership tier cards shared by the landing page and rewards dashboard. */
.membership{margin-top:64px}.membership-heading{text-align:center;margin-bottom:42px}.membership-heading h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:12px}.membership-heading p{margin:0 auto;max-width:700px}.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.tier-card{position:relative;border:1px solid #303030;border-radius:12px;background:#191919;min-width:0}.tier-header{padding:26px 24px;background:#252525;border-radius:11px 11px 0 0}.tier-header h3{font-size:1.7rem;text-transform:uppercase;margin:0 0 5px}.tier-header p{margin:0;color:#bcbcbc}.tier-perks{list-style:none;padding:24px;margin:0;display:grid;gap:18px}.tier-perks li{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.tier-check{color:var(--accent);font-weight:700;flex-shrink:0}.tier-platinum{border:2px solid var(--accent)}.tier-platinum .tier-header{background:var(--accent);color:#03131c}.tier-platinum .tier-header p{color:#03131c}.tier-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);padding:6px 20px;border-radius:18px 18px 0 0;background:var(--accent);color:#03131c;font-size:.875rem;font-weight:700;white-space:nowrap}.tier-note{text-align:center;margin:24px auto 0;max-width:760px}.tier-current{display:inline-block;margin-top:12px;padding:5px 10px;border:1px solid currentColor;border-radius:5px;font-size:.875rem;font-weight:600}@media(max-width:850px){.tier-grid{grid-template-columns:1fr;gap:38px}.membership{margin-top:44px}.tier-header{padding:22px}.tier-perks{padding:22px}.membership-heading{margin-bottom:30px}}

.lifetime-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lifetime-card .stat{margin-top:12px}.lifetime-card .stat small{font:400 1rem Inter,Arial,sans-serif;color:var(--muted)}.lifetime-card{background:#11181c}.lifetime-card p:last-child{margin-bottom:0}#customer-detail .lifetime-card{padding:20px;margin-top:20px}

.install-guide{max-width:1096px;margin:0 auto 36px;padding:0 24px}.install-guide details{background:#11181c;border:1px solid var(--line);border-radius:12px;padding:22px}.install-guide summary{font-size:1rem;color:var(--accent)}.install-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.install-columns h2{font-size:1.1rem}.install-columns ol{padding-left:22px;line-height:1.7}.install-columns li{margin-bottom:10px}.customer-row>span{overflow-wrap:anywhere}#export-status{line-height:1.6}@media(max-width:720px){.install-guide{padding:0 18px}.install-columns{grid-template-columns:1fr;gap:12px}}