.products-page{padding:58px 0 90px}.product-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.product-hero h1{margin:.25rem 0 .5rem}.product-hero p{max-width:650px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgba(17,35,79,.06);display:flex;flex-direction:column}.product-cover{aspect-ratio:4/3;background:linear-gradient(135deg,#e9f7ff,#d9e4ff);display:grid;place-items:center;overflow:hidden}.product-cover img{width:100%;height:100%;object-fit:cover}.product-cover .download-icon{font-size:52px;color:#2563eb}.product-card .card-body{padding:22px;display:flex;flex-direction:column;flex:1}.product-card h2{font-size:1.2rem;margin:8px 0}.product-card p{color:var(--muted);line-height:1.6}.product-tag{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb}.product-price{font-size:1.35rem;font-weight:800;color:#132452;margin:14px 0}.product-card .button{margin-top:auto;align-self:flex-start}.product-detail,.product-checkout,.product-status{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 30px rgba(17,35,79,.06)}.product-detail{display:grid;grid-template-columns:minmax(260px,42%) 1fr;gap:34px}.product-detail .product-cover{border-radius:16px}.product-detail h1{font-size:clamp(2rem,5vw,3.4rem);margin:.3rem 0 1rem}.product-detail .rich-text{color:var(--muted);line-height:1.75}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.checkout-layout h2{margin-top:0}.product-form label{display:grid;gap:8px;font-weight:700;color:#182653}.product-form input,.product-form textarea{font:inherit;border:1px solid #ccd5e8;border-radius:10px;padding:12px}.product-form{display:grid;gap:16px}.product-form small{font-weight:400;color:var(--muted)}.qris-box{text-align:center;background:#f7f9ff;border-radius:18px;padding:18px}.qris-box img{width:min(100%,260px);height:auto}.qris-box p{text-align:left;color:var(--muted);white-space:pre-line;line-height:1.6}.status-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.status-list div{background:#f7f9ff;border-radius:14px;padding:14px}.status-list small{display:block;color:var(--muted);margin-bottom:5px}.status-pill.menunggu{background:#fff3cd;color:#8a5b00}.status-pill.dibayar,.status-pill.selesai{background:#dcfce7;color:#166534}.status-pill.ditolak{background:#fee2e2;color:#991b1b}.product-alert{border-radius:12px;padding:14px;background:#eff6ff;color:#1e40af;margin:16px 0}.product-alert.error{background:#fff1f2;color:#9f1239}.product-shortcut{position:fixed;right:22px;bottom:22px;z-index:8;background:#153a82;color:#fff;padding:11px 16px;border-radius:999px;box-shadow:0 8px 22px #0c235155;display:flex;gap:8px;align-items:center;text-decoration:none;font-weight:700}.product-shortcut .icon{width:18px;height:18px}.admin-product-wrap{padding:34px 4vw;max-width:1320px;margin:auto}.product-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:22px}.product-stat{background:#f7f9ff;border:1px solid #e7ebf3;border-radius:12px;padding:11px}.product-stat small{display:block!important;margin:0!important;color:var(--muted);font-size:.74rem;font-weight:600!important}.product-stat strong{display:block;margin-top:4px;color:#153a82;font-size:1.05rem}.product-analytics{margin-top:24px;padding-top:22px;border-top:1px solid #e7ebf3}.analytics-heading{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.analytics-heading h2{margin:0 0 4px}.analytics-heading p{margin:0;color:var(--muted);font-size:.9rem}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-kpi{background:#f7f9ff;border:1px solid #e7ebf3;border-radius:12px;padding:12px}.analytics-kpi small{display:block;color:var(--muted);font-size:.76rem}.analytics-kpi strong{display:block;margin-top:5px;color:#153a82;font-size:1.1rem}.status-chart{margin-top:18px;background:#fbfcff;border-radius:14px;padding:14px}.status-chart h3{margin:0 0 12px;font-size:1rem}.status-chart-row{display:grid;grid-template-columns:82px 1fr 24px;gap:10px;align-items:center;margin:9px 0;font-size:.85rem}.status-track{height:9px;background:#e8edf6;border-radius:99px;overflow:hidden}.status-fill{display:block;height:100%;min-width:0;border-radius:99px}.status-fill.menunggu{background:#f5b72d}.status-fill.dibayar{background:#36b879}.status-fill.selesai{background:#2563eb}.status-fill.ditolak{background:#d14343}.admin-product-grid{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.admin-product-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(17,35,79,.05)}.admin-product-panel h1,.admin-product-panel h2{margin-top:0}.admin-product-panel label{display:grid;gap:6px;margin:12px 0;font-weight:700}.admin-product-panel input,.admin-product-panel textarea,.admin-product-panel select{font:inherit;border:1px solid #ccd5e8;border-radius:9px;padding:10px}.admin-product-table{width:100%;border-collapse:collapse}.admin-product-table th,.admin-product-table td{padding:11px 9px;border-bottom:1px solid #e7ebf3;text-align:left;vertical-align:top}.admin-product-table th{font-size:.78rem;text-transform:uppercase;color:#67728d}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions form{display:inline}.admin-product-table img{width:54px;height:40px;object-fit:cover;border-radius:6px}.proof-link{color:#2563eb;font-weight:700}.tab-links{display:flex;gap:10px;margin:0 0 20px}.tab-links a{padding:9px 14px;border-radius:999px;background:#eef2fb;text-decoration:none}.tab-links a.active{background:#153a82;color:#fff}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-layout,.admin-product-grid{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}}@media(max-width:600px){.products-page{padding-top:34px}.product-hero{display:block}.product-grid{grid-template-columns:1fr}.status-list{grid-template-columns:1fr}.product-detail,.product-checkout,.product-status{padding:20px}.admin-product-wrap{padding:24px 14px;overflow:auto}.admin-product-table{min-width:780px}.analytics-heading{display:block}.analytics-heading .button{margin-top:10px}.product-shortcut{right:12px;bottom:74px}}