:root{--bg:#f4efe5;--card:#fffbf4d6;--card-border:#543e2a1f;--ink:#2f2418;--muted:#6a5745;--accent:#b45a2f;--accent-strong:#8a3d1a;--accent-soft:#f2d5c3;--success:#2f6f4f;--shadow:0 28px 80px #48301a1f;--radius:28px}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#ffd5aa99,#0000 32%),radial-gradient(circle at 85% 20%,#dd9d7447,#0000 24%),linear-gradient(#f7f2e9 0%,#efe4d5 100%);min-height:100%}body{min-height:100vh;color:var(--ink);background:0 0;margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto}.hero{padding:40px 0 20px}.dashboard-shell{padding-bottom:48px}.hero-card,.panel,.auth-card,.snippet-card,.summary-card,.detail-card,.usage-row,.empty-state{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:28px}.dashboard-hero-card{gap:22px;display:grid}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:.86rem;display:inline-flex}.brand-mark{background:linear-gradient(135deg,var(--accent),#e7ab73);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #b45a2f14}.headline{letter-spacing:-.05em;margin:16px 0 10px;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.94}.lede{max-width:52rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.content-grid{gap:18px;padding:12px 0 40px;display:grid}.dashboard-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:18px;display:grid}.dashboard-panel{gap:18px;display:grid}.dashboard-panel-wide{grid-column:1/-1}.dashboard-copy{margin:0;line-height:1.6}.content-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.auth-card{padding:24px}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:.78rem}.panel h2,.auth-card h1{margin:0 0 10px;font-size:1.5rem}.muted{color:var(--muted)}.badge-row,.intent-row,.stat-grid,.dashboard-grid,.meta-row{flex-wrap:wrap;gap:10px;display:flex}.pill,.chip{color:var(--muted);background:#fff9;border:1px solid #6a57452e;border-radius:999px;padding:8px 12px;font-size:.92rem}.stat-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-grid,.detail-grid,.snippet-grid{gap:12px;display:grid}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid,.snippet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat,.dashboard-card{background:#ffffff9e;border:1px solid #6a574524;border-radius:22px;padding:18px}.stat strong,.dashboard-card strong{margin-bottom:6px;font-size:1.3rem;display:block}.summary-card,.detail-card,.snippet-card,.usage-row,.empty-state{padding:18px}.summary-card strong,.detail-card strong,.snippet-card strong,.empty-state strong{margin-bottom:6px;font-size:1.15rem;display:block}.accent-card{background:linear-gradient(135deg,#b45a2f29,#e7ab7314)}.detail-card-wide{grid-column:1/-1}.detail-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:.78rem;display:block}.auth-wrap{place-items:center;min-height:100vh;padding:20px 0;display:grid}.auth-card{width:min(560px,100% - 32px)}.form{gap:14px;margin-top:18px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--muted);font-size:.92rem}.field input{width:100%;color:var(--ink);background:#ffffffd1;border:1px solid #6a574533;border-radius:18px;padding:14px 16px}.field input:focus{border-color:#b45a2f80;outline:2px solid #b45a2f40}.primary-button,.secondary-button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:14px 18px;transition:transform .12s,opacity .12s}.primary-button{background:linear-gradient(135deg,var(--accent),#cf7f51);color:#fff8f4}.secondary-button{color:var(--ink);background:#ffffffd1;border:1px solid #6a574533}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.error-banner{color:#7d2222;background:#b3363614;border:1px solid #b336361f;border-radius:16px;margin-top:14px;padding:12px 14px}.auth-links{color:var(--muted);justify-content:space-between;gap:12px;margin-top:18px;font-size:.94rem;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.dashboard-actions{justify-items:end;gap:12px;display:grid}.dashboard-header h1{margin:8px 0 0;font-size:clamp(2rem,5vw,3.6rem);line-height:.95}.dashboard-subtitle{max-width:40rem;color:var(--muted);margin:0}.status-chip{color:var(--success);background:#2f6f4f1a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;display:inline-flex}.status-chip.pending{color:var(--accent-strong);background:#b45a2f1f}.status-chip.good{color:var(--success);background:#2f6f4f1a}.status-chip.warn{color:var(--accent-strong);background:#b45a2f1f}.snippet-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.snippet-button{padding:10px 14px}.snippet-body{color:#f9efe2;background:#2f2418f2;border-radius:20px;margin:0;padding:16px;font-size:.92rem;line-height:1.55;overflow-x:auto}.usage-list,.billing-actions-grid,.topup-grid{gap:12px;display:grid}.billing-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-block,.topup-card,.claim-card,.return-banner{gap:12px;display:grid}.topup-card,.claim-card,.return-banner{background:#ffffff9e;border:1px solid #6a574524;border-radius:22px;padding:18px}.return-banner{background:#fff8f0d1;grid-template-columns:auto 1fr;align-items:center;gap:14px}.return-banner.success{border-color:#2f6f4f47}.return-banner.pending,.return-banner.cancel,.return-banner.unfunded,.return-banner.stale,.return-banner.blocked{border-color:#b45a2f3d}.claim-result-card{margin-top:8px}.portal-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.usage-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.usage-meta{color:var(--muted);text-align:right;gap:6px;font-size:.92rem;display:grid}.empty-state{gap:8px;display:grid}.route-note{color:var(--muted);margin-top:18px;font-size:.92rem}@media (max-width:840px){.summary-grid,.detail-grid,.snippet-grid,.billing-actions-grid,.topup-grid,.dashboard-layout,.content-grid.two-up,.dashboard-grid,.stat-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column}.dashboard-actions{justify-items:start}.usage-row{flex-direction:column}.usage-meta{text-align:left}.auth-links{flex-direction:column}}