@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap";:root{--bg-base:#0d0c0b;--bg-card:#141210;--bg-elevated:#1c1915;--bg-input:#1a1815;--accent:#e07a3a;--accent-hover:#f08c4a;--accent-muted:#e07a3a26;--accent-border:#e07a3a4d;--text-primary:#f0ebe4;--text-secondary:#a09488;--text-muted:#6b6057;--border:#ffffff12;--border-hover:#ffffff1f;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 20px 60px #00000080;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}h1,h2,h3,h4{line-height:1.2}.display{font-family:Playfair Display,serif}.accent-text{color:var(--accent);font-style:italic}.label-caps{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:600}.container{max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-sm{padding:60px 0}.btn{transition:all var(--transition);white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #e07a3a59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:#222}.btn-ghost{color:var(--text-secondary);padding:14px 20px}.btn-ghost:hover{color:var(--text-primary)}.btn-sm{padding:10px 20px;font-size:13px}.btn-lg{padding:18px 36px;font-size:16px}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.card:hover{border-color:var(--border-hover)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition);outline:none;width:100%;padding:13px 16px;font-size:15px}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:100px}.badge{border-radius:100px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending_payment{color:#ffc107;background:#ffc10726}.badge-paid{color:#63c97a;background:#63c97a26}.badge-processing{color:#639bff;background:#639bff26}.badge-delivered{color:var(--accent);background:#e07a3a33}.badge-cancelled{color:#ff5050;background:#ff505026}.divider{background:var(--border);height:1px;margin:28px 0}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:64px 0}.container{padding:0 16px}}.toast-container{z-index:9999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);min-width:280px;box-shadow:var(--shadow-md);align-items:center;gap:12px;padding:14px 20px;font-size:14px;animation:.3s slideIn;display:flex}.toast-success{border-left:3px solid #63c97a}.toast-error{border-left:3px solid #ff5050}.toast-info{border-left:3px solid var(--accent)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.page-header{border-bottom:1px solid var(--border);margin-bottom:32px;padding:32px 0 24px}.page-header h1{font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:6px}.empty-state{text-align:center;color:var(--text-secondary);padding:80px 32px}.empty-state svg{opacity:.3;margin:0 auto 16px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}