@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fbf7f0;--surface:#fff;--surface-alt:#f3ecdf;--border:#e5dcc8;--text:#241f1c;--text-muted:#6b6157;--text-faint:#a89d8c;--accent:#b8860b;--accent-hover:#c9962a;--luxe:#7b2d3e;--success-bg:#e7f3ea;--success-text:#2f7a44;--danger-bg:#fbe9e7;--danger-text:#b3311c;--warning-bg:#fdf3dd;--warning-text:#92600b;--radius:16px;--radius-sm:10px;--shadow-card:0 2px 6px #785a280f, 0 16px 32px -16px #785a282e;--shadow-elevated:0 8px 24px #785a281f, 0 32px 64px -24px #785a2847;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(1000px 500px at 15% -5%, #b8860b14, transparent 60%), var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text);margin:0;font-family:Playfair Display,Georgia,serif;font-weight:700}p{color:var(--text-muted);margin:0}button,input,select{font-family:inherit}.login-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:340px;box-shadow:var(--shadow-elevated);flex-direction:column;gap:16px;padding:32px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #e0b23a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex;box-shadow:0 4px 12px #b8860b59}.login-brand h1{font-size:1.15rem}.login-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:.82rem;font-weight:500;display:flex}.login-form input,.product-form-grid input,.product-form-grid select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);outline:none;padding:10px 12px;font-size:.92rem;transition:border-color .15s}.login-form input:focus,.product-form-grid input:focus,.product-form-grid select:focus{border-color:var(--accent)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-alt);color:var(--text)}.error-banner{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);border:1px solid #b3311c33;padding:10px 14px;font-size:.85rem}.dashboard{max-width:1020px;margin:0 auto;padding:28px 24px 64px}.dashboard-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;display:flex}.dashboard-header .brand{align-items:center;gap:10px;display:flex}.dashboard-header .brand-mark{width:30px;height:30px;font-size:14px}.dashboard-header h1{font-size:1.15rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);font-size:.74rem;font-weight:600}.stat-value{color:var(--text);font-family:Playfair Display,Georgia,serif;font-size:1.4rem;font-weight:700}@media (width<=720px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:24px;padding:22px}.panel h3{color:var(--text);margin-bottom:16px;font-size:1rem}.product-form-grid{grid-template-columns:2fr 1.2fr 1fr .8fr;align-items:center;gap:10px;display:grid}.product-form-full{grid-column:1/-1}.file-input-label{color:var(--text-muted);flex-direction:column;grid-column:1/3;gap:4px;font-size:.78rem;font-weight:500;display:flex}.file-input-label input{font-size:.85rem}.product-form-grid>.btn{grid-column:3/-1}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:8px 12px;font-size:.74rem;font-weight:600}td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:10px 12px}tbody tr:hover{background:var(--surface-alt)}tbody tr:last-child td{border-bottom:none}.empty-row{color:var(--text-faint);text-align:center;padding:24px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.pagination-status{color:var(--text-muted);font-size:.82rem}.pagination .btn{padding:6px 14px;font-size:.85rem}.pagination .btn:disabled{opacity:.4;cursor:not-allowed}.product-thumb{object-fit:cover;border-radius:8px;width:44px;height:44px;display:block}.product-thumb-placeholder{background:linear-gradient(135deg, var(--surface-alt), #ead9b3)}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pending{background:var(--warning-bg);color:var(--warning-text)}.status-paid{background:var(--success-bg);color:var(--success-text)}.status-failed,.status-expired,.status-cancelled{background:var(--danger-bg);color:var(--danger-text)}