@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg:#f6f1e5;--panel:#fffcf6eb;--surface-soft:#f5f0e6eb;--border:#444a3024;--text:#4f513f;--text-strong:#1d2413;--muted:#6e7059;--accent:#4d7c45;--accent-soft:#4d7c4524;--shadow:0 18px 40px #4a43301f;--sans:"Space Grotesk", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#c6d9ac99,#0000 30%),linear-gradient(#f8f4eb 0%,#efe6d4 100%)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff26 1px,#0000 1px);background-size:100% 24px;position:fixed;inset:0}#root{width:min(100%,60rem);min-height:100vh;margin:0 auto}button,input,textarea,select{font:inherit}h1,h2,h3,p,dl{margin:0}h1,h2,h3,strong{color:var(--text-strong)}h1{letter-spacing:-.05em;margin-bottom:.85rem;font-size:clamp(2.2rem,5vw,3.7rem);line-height:.98}h2{font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.05}h3{font-size:1.05rem}a{color:inherit}.app-shell{gap:1.5rem;padding:1rem;display:grid}.hero-panel,.list-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero-panel{background:radial-gradient(circle at 100% 0,#b6d3a261,#0000 36%),linear-gradient(135deg,#fdf5e2f2,#fffffffa);padding:1.25rem}.list-panel{padding:1.25rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem;font-size:.78rem}.hero-copy{gap:1rem;display:grid}.hero-text{max-width:36rem;color:var(--muted)}.hero-actions{gap:.75rem;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.summary-grid article{background:#ffffffb3;border:1px solid #444a301f;border-radius:18px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.summary-grid span,.voucher-meta,.profile-email,.voucher-details dt{color:var(--muted)}.summary-grid strong{color:var(--text-strong);text-align:right;font-size:1.1rem}.profile-card{background:#ffffffb3;border:1px solid #444a301f;border-radius:18px;align-items:center;gap:.8rem;padding:.8rem .95rem;display:inline-flex}.avatar{border-radius:999px;width:2.8rem;height:2.8rem}.profile-name{color:var(--text-strong);font-weight:700}.primary-button,.secondary-button,.filter-chip{min-height:2.9rem;font:inherit;border:1px solid #0000;border-radius:999px;font-weight:700;transition:transform .16s,border-color .16s,background-color .16s}.primary-button,.secondary-button{padding:.75rem 1rem}.primary-button{background:var(--accent);color:#fffef8}.secondary-button,.filter-chip{background:var(--surface-soft);color:var(--text-strong);border-color:#444a301f}.filter-chip{padding:.65rem 1rem}.filter-chip.active{background:var(--accent-soft);border-color:#444a303d}.primary-button:hover,.secondary-button:hover,.filter-chip:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;transform:none}.error-banner,.hint-banner,.empty-state{border-radius:18px;margin-top:1rem;padding:.95rem 1rem}.error-banner{color:#7a241b;background:#ab43341a;border:1px solid #ab43342e}.hint-banner,.empty-state{background:var(--surface-soft);border:1px solid #444a301f}.panel-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.filter-group,.voucher-actions{flex-wrap:wrap;gap:.75rem;display:flex}.voucher-list{gap:.9rem;display:grid}.voucher-card{background:linear-gradient(#fffffff2,#f9f8f2fa);border:1px solid #444a301f;border-radius:22px}.voucher-summary{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.95rem 1rem;display:flex}.voucher-summary-main{gap:.25rem;min-width:0;display:grid}.voucher-summary-side{flex-shrink:0;justify-items:end;gap:.45rem;display:grid}.expand-indicator{color:var(--muted);font-size:.78rem}.voucher-expanded{padding:0 1rem 1rem}.voucher-heading,.voucher-title-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status-pill,.last-opened-badge,.voucher-index{border-radius:999px;justify-content:center;align-items:center;padding:.35rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-pill.available{color:#2f6324;background:#5189401f}.status-pill.used{color:#5f4f3b;background:#69584329}.last-opened-badge{color:#7c5f10;background:#d0a7462e}.voucher-index{color:#36542f;background:#4d7c451f;min-width:2.2rem}.voucher-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1rem;display:grid}.voucher-details div{background:var(--surface-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem .85rem;display:flex}.voucher-details dt{margin-bottom:0;font-size:.82rem}.voucher-details dd{color:var(--text-strong);text-align:right;margin:0}@media (width<=720px){.summary-grid,.voucher-details{grid-template-columns:1fr}.panel-header,.voucher-title-row,.voucher-summary{flex-direction:column;align-items:flex-start}.voucher-summary-side{justify-items:start;width:100%}.filter-group,.voucher-actions{width:100%}.filter-group{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.filter-chip,.primary-button,.secondary-button{width:100%}}