@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap";:root{--bg-top: #f6f8fb;--bg-bottom: #eef3f8;--card: #ffffff;--text: #1a2738;--muted: #53657a;--border: #d7e0ea;--accent: #0f5fa8;--accent-dark: #0c4d88;--cta: #e28a24;--cta-dark: #c57112;--available-bg: #ffffff;--available-text: #162738;--available-border: #7ea9d3;--sold-bg: #d4dbe3;--sold-text: #445466;--sold-border: #b7c1cc;--selected-bg: #1f9b52;--selected-text: #ffffff;--selected-border: #147740;--pending-bg: #ffe7b5;--pending-text: #6a4705;--pending-border: #e6bf6e}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}a{color:inherit}.app-shell{max-width:1180px;margin:0 auto;padding:20px 20px 150px}.home-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:22px}.story-card,.grid-card,.checkout-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #1d3a5814}.story-card{padding:24px}.story-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#58708a;margin-bottom:8px}.story-owner{margin:-2px 0 10px;font-size:13px;color:#5f7690;font-weight:600}.story-title{margin:12px 0 0;font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.15}.story-body{margin-top:16px;display:grid;gap:12px;color:var(--muted);line-height:1.6}.story-callout{border-left:4px solid var(--accent);padding:10px 12px;background:#edf5ff;border-radius:8px;color:#164a7e}.story-callout strong{display:block;margin-bottom:6px}.story-steps{margin:0;padding-left:18px;display:grid;gap:4px;font-weight:600}.photo-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proofs-card{margin-top:28px;border:1px solid #c7d8eb;border-radius:14px;background:linear-gradient(180deg,#f7fbff,#eef6ff);padding:16px;box-shadow:inset 0 0 0 1px #ffffffb3}.proofs-title{margin:0;font-size:1.03rem}.proofs-subtitle{margin:6px 0 10px;color:#4f6985;font-size:13px}.proofs-scroll{max-height:284px;overflow-y:auto;padding-right:4px}.proofs-scroll::-webkit-scrollbar{width:8px}.proofs-scroll::-webkit-scrollbar-thumb{background:#b6cbe0;border-radius:999px}.proofs-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.proof-item{border:1px solid #d2e1f0;border-radius:10px;padding:10px 10px 10px 13px;background:#fff;position:relative}.proof-item:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:999px;background:linear-gradient(180deg,#1f9b52,#12743d)}.proof-main{margin:0;font-size:14px}.proof-message{margin:6px 0 0;color:#3f5368;font-style:italic;font-size:13px}.proof-empty{margin:0;color:#687b90;font-size:14px}.photo-slot{min-height:116px;border:1.5px dashed #bed0e2;border-radius:12px;background:#f8fbff;padding:12px;display:flex;align-items:end;font-size:12px;color:#64788f}.photo-image{border-style:solid;border-width:1px;border-color:#c8d7e7;object-fit:cover;width:100%;aspect-ratio:4 / 3;height:auto;min-height:0;max-height:none;background:#fff}.grid-card{padding:18px;position:sticky;top:16px;height:fit-content}.grid-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.grid-title{margin:0;font-size:1.1rem}.grid-subtitle{margin:0;color:#66798f;font-size:13px}.grid-price-highlight{margin:0 0 12px;border:1px solid #c7d7e8;background:linear-gradient(180deg,#f8fbff,#eef5fc);border-radius:12px;padding:10px 12px}.grid-price-highlight span{display:block;font-size:12px;color:#5e7892;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.grid-price-highlight strong{display:block;margin-top:2px;font-size:1.95rem;line-height:1.1;color:#0f5fa8}.grid-price-highlight p{margin:5px 0 0;font-size:13px;color:#4f6985;font-weight:600}.legend{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#60758d}.legend-dot{width:10px;height:10px;border-radius:999px;border:1px solid #b9c8d8}.legend-dot.available{background:#fff;border-color:var(--available-border)}.legend-dot.pending{background:var(--pending-bg);border-color:var(--pending-border)}.legend-dot.sold{background:var(--sold-bg);border-color:var(--sold-border)}.legend-dot.selected{background:var(--selected-bg);border-color:var(--selected-border)}.random-btn{width:100%;margin:2px 0 12px;border:1px solid #b9cae0;background:#f5f9ff;color:#214c75;font-weight:700;border-radius:10px;padding:9px 12px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.random-btn:hover{background:#e9f2ff;border-color:#94abc0}.random-btn:disabled{cursor:not-allowed;opacity:.65}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}.number-item{border-radius:10px;border:1px solid var(--available-border);padding:9px 0;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.number-item.available{background:var(--available-bg);color:var(--available-text);cursor:pointer}.number-item.available:hover{transform:translateY(-1px);border-color:#588dbf;box-shadow:0 8px 16px #194a7933}.number-item.selected{background:var(--selected-bg);color:var(--selected-text);border-color:var(--selected-border);cursor:pointer}.number-item.selected:hover{transform:translateY(-1px);box-shadow:0 8px 16px #116c374d}.number-item.sold{background:var(--sold-bg);color:var(--sold-text);border-color:var(--sold-border);cursor:not-allowed;opacity:.95}.number-item.pending{background:var(--pending-bg);color:var(--pending-text);border-color:var(--pending-border);cursor:not-allowed}.checkout-card{margin-top:14px;padding:14px}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cta-link{background:linear-gradient(180deg,var(--cta) 0%,var(--cta-dark) 100%);color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700;box-shadow:0 10px 18px #c26f1347}.cta-link:hover{filter:brightness(1.02)}.cta-link.disabled{opacity:.65;cursor:not-allowed;pointer-events:none;box-shadow:none}.progress-footer{position:fixed;left:0;right:0;bottom:0;background:#fffffff7;border-top:1px solid #d4dfeb;box-shadow:0 -10px 28px #1d3a581f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20}.floating-checkout-btn{position:fixed;right:16px;bottom:74px;z-index:30;background:linear-gradient(180deg,var(--cta) 0%,var(--cta-dark) 100%);color:#fff;text-decoration:none;border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:0 12px 24px #c26f1359}.floating-checkout-btn:hover{filter:brightness(1.02)}.progress-inner{max-width:1180px;margin:0 auto;padding:10px 20px 12px}.progress-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;margin-bottom:8px}.progress-head.net{margin-top:9px;margin-bottom:6px;font-size:13px;color:#4f6479}.progress-track{height:13px;background:#eaf0f7;border-radius:999px;overflow:hidden;border:1px solid #ced9e5}.progress-track.net{height:10px;background:#f3f7fb}.progress-fill{height:100%;background:linear-gradient(90deg,#1f8f51,#20a25a);width:0}.progress-fill.net{background:linear-gradient(90deg,#0f5fa8,#3f86c4)}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.checkout-form-card,.checkout-summary-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #1d3a5814}.checkout-form-card{padding:22px}.checkout-summary-card{padding:18px;height:fit-content;position:sticky;top:16px}.checkout-eyebrow{display:inline-block;text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:#66809a;font-weight:700}.checkout-title{margin:8px 0 6px;font-size:clamp(1.5rem,2.7vw,2.1rem)}.checkout-subtitle{margin:0;color:var(--muted)}.checkout-form{margin-top:18px;display:grid;gap:12px}.form-field{display:grid;gap:6px}.form-field span{font-size:13px;font-weight:700;color:#3d5771}.form-field input,.form-field textarea{width:100%;border:1px solid #c8d6e4;border-radius:10px;padding:11px 12px;font:inherit;color:var(--text);background:#fbfdff}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:#73a2cc;box-shadow:0 0 0 3px #2366a224}.form-field small{color:#6c8197;font-size:12px}.check-field{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:#41576d}.check-field input{margin-top:3px}.form-error{margin:0;border:1px solid #f2b8b5;background:#fff1f0;color:#b42318;border-radius:8px;padding:8px 10px;font-size:14px}.checkout-actions{margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.secondary-link{color:#345d82;font-weight:600;text-decoration:none}.secondary-link:hover{text-decoration:underline}.primary-btn{border:none;background:linear-gradient(180deg,var(--cta) 0%,var(--cta-dark) 100%);color:#fff;font-weight:800;padding:12px 14px;border-radius:10px;cursor:pointer;box-shadow:0 10px 18px #c26f1340}.primary-btn:disabled{opacity:.7;cursor:wait}.checkout-summary-card h2{margin:0 0 4px;font-size:1.05rem}.summary-raffle{margin:0;color:#5f7590;font-size:14px}.summary-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary-grid.single{grid-template-columns:1fr}.summary-grid div{border:1px solid #d7e1eb;border-radius:10px;padding:9px;background:#f9fcff}.summary-grid span{display:block;font-size:12px;color:#687f96}.summary-grid strong{font-size:15px}.numbers-cloud{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.number-chip{border:1px solid #9ab5cf;color:#214e78;background:#edf5ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.summary-total{margin-top:14px;border-top:1px dashed #ced9e5;padding-top:12px;display:flex;align-items:baseline;justify-content:space-between}.summary-total span{color:#4f6379}.summary-total strong{font-size:1.3rem}.summary-points{margin:12px 0 0;padding-left:18px;color:#536980;font-size:13px;display:grid;gap:4px}.payment-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:20px}.payment-card,.payment-summary-card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #1d3a5814}.payment-card{padding:22px}.payment-summary-card{padding:18px;height:fit-content;position:sticky;top:16px}.payment-eyebrow{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#66809a;font-weight:700}.payment-title{margin:8px 0 12px;font-size:clamp(1.45rem,2.6vw,2rem)}.payment-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;font-weight:700;font-size:14px;margin-bottom:12px}.payment-status.pending{background:#fff7e8;color:#9b5f08;border:1px solid #f1d19b}.payment-status.expired{background:#fff0ef;color:#9f281d;border:1px solid #efb4af}.payment-status.paid{background:#eaf8ef;color:#176a3c;border:1px solid #acd9bf}.payment-timer-box{border:1px solid #cfe0ef;border-radius:10px;background:#f7fbff;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.payment-timer-box span{color:#506883}.payment-timer-box strong{font-size:1.05rem}.payment-qr{display:block;width:min(100%,300px);margin:0 auto 12px;border-radius:12px;border:1px solid #c8d7e7;padding:10px;background:#fff}.payment-help{margin:0 0 10px;color:#5d7590;font-size:14px}.payment-warning{margin:0 0 10px;border:1px solid #f1d19b;background:#fff8ec;color:#8f5a0b;border-radius:10px;padding:9px 10px;font-size:14px}.payment-success-note{margin:0 0 10px;border:1px solid #b7dec5;background:#edf9f2;color:#18653c;border-radius:10px;padding:9px 10px;font-size:14px}.payment-success-inline{border:1px solid #b7dec5;background:linear-gradient(180deg,#f3fbf6,#e9f7ef);border-radius:12px;padding:14px;margin-bottom:10px;text-align:center}.payment-success-icon{width:88px;height:88px;border-radius:999px;background:linear-gradient(180deg,#22a75a,#148146);margin:0 auto 10px;display:grid;place-items:center;box-shadow:0 10px 22px #1481464d}.payment-success-icon span{color:#fff;font-size:46px;font-weight:800;line-height:1}.payment-success-title{margin:10px 0 6px;font-size:1.2rem}.payment-success-text{margin:0;color:#3f6b4f}.payment-field{display:grid;gap:6px}.payment-field span{font-size:13px;font-weight:700;color:#3d5771}.payment-field textarea{width:100%;border:1px solid #c8d6e4;border-radius:10px;padding:11px 12px;font:inherit;color:var(--text);background:#fbfdff}.payment-actions{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.summary-numbers-title{margin:12px 0 8px;color:#5f7590;font-size:14px}.success-layout{display:grid;place-items:center;min-height:62vh}.success-card{width:min(100%,620px);background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #1d3a5814;padding:24px;text-align:center}.success-badge{display:inline-flex;align-items:center;border:1px solid #acd9bf;background:#eaf8ef;color:#176a3c;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px}.success-title{margin:12px 0 8px;font-size:clamp(1.5rem,2.6vw,2.1rem)}.success-text{margin:0;color:#5a7088}.success-actions{margin-top:18px;display:flex;justify-content:center}@media(max-width:980px){.home-layout{grid-template-columns:1fr}.grid-card{position:static}.photo-grid,.checkout-layout{grid-template-columns:1fr}.checkout-summary-card{position:static}.payment-layout{grid-template-columns:1fr}.payment-summary-card{position:static}.floating-checkout-btn{right:12px;bottom:80px}}.prize-card{margin-top:16px;border:1px solid var(--border);border-radius:14px;padding:14px;background:#f8fbff;display:grid;gap:10px}.prize-label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#59738d;font-weight:700}.prize-name{margin:4px 0 0;font-size:1.2rem}.prize-image,.prize-placeholder{width:100%;border-radius:10px;border:1px solid #c8d7e7}.prize-image{display:block;object-fit:cover;max-height:300px}.prize-caption{margin:-2px 0 0;font-size:12px;color:#687f96;font-style:italic}.prize-placeholder{min-height:170px;background:#edf3fb;color:#5a7290;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:14px}.admin-auth-layout{display:grid;place-items:center;min-height:72vh}.admin-auth-card{width:min(100%,520px);background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 40px #1d3a5814;padding:24px}.admin-layout{display:grid;gap:16px}.admin-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-topbar-actions{display:flex;gap:10px;align-items:center}.admin-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.admin-metric-card{background:#fff;border:1px solid #d5e0eb;border-radius:12px;padding:12px}.admin-metric-card span{color:#67819a;font-size:12px}.admin-metric-card strong{display:block;margin-top:4px;font-size:1.45rem}.admin-metric-card.paid{background:#eef9f3;border-color:#bbddc8}.admin-metric-card.pending{background:#fff8eb;border-color:#efd49e}.admin-metric-card.cancelled{background:#f7f7f8;border-color:#d9dee4}.admin-orders-card{background:#fff;border:1px solid #d5e0eb;border-radius:14px;padding:14px}.admin-orders-card h2{margin:0 0 10px;font-size:1.05rem}.admin-liquid-card{background:#fff;border:1px solid #d5e0eb;border-radius:14px;padding:12px}.admin-liquid-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}.admin-liquid-head span{color:#607a94}.admin-liquid-values{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#55708b;margin-bottom:8px}.admin-liquid-values strong{color:#1d4f7f}.admin-liquid-target{margin-bottom:8px;display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#5a728a}.admin-liquid-target strong{color:#1d4f7f}.admin-liquid-track{height:12px;border:1px solid #cfdbe7;border-radius:999px;overflow:hidden;background:#ecf2f8;display:flex}.admin-liquid-fill{height:100%}.admin-liquid-fill.net{background:linear-gradient(90deg,#0f5fa8,#3f86c4)}.admin-liquid-fill.fee{background:linear-gradient(90deg,#e28a24,#c57112)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:820px}.admin-table th,.admin-table td{text-align:left;padding:10px;border-bottom:1px solid #e2e8ef;vertical-align:top;font-size:14px}.admin-table th{color:#58718b;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-mini{color:#6d8297;font-size:12px;margin-top:3px}.admin-status{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:12px}.admin-status.paid{color:#176a3c;background:#eaf8ef;border-color:#acd9bf}.admin-status.pending_payment{color:#8f5a0b;background:#fff8ec;border-color:#f1d19b}.admin-status.expired,.admin-status.cancelled{color:#6f7e8c;background:#f2f4f7;border-color:#d6dde4}@media(max-width:980px){.admin-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-topbar{align-items:stretch}.admin-topbar-actions{width:100%;justify-content:space-between}.admin-topbar-actions .primary-btn,.admin-topbar-actions .secondary-link{flex:1;text-align:center}.admin-metrics-grid{grid-template-columns:1fr}.admin-orders-card{padding:10px}.admin-table{min-width:0}.admin-table thead{display:none}.admin-table tbody{display:grid;gap:10px}.admin-table tr{display:grid;gap:6px;border:1px solid #dde6ef;border-radius:10px;background:#fafcff;padding:8px}.admin-table td{border:0;padding:0;display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:start}.admin-table td:before{content:attr(data-label);font-size:12px;color:#5f748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}}
