@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Sarabun:wght@300;400;500;600&display=swap";:root{--gold-light: #f5d48e;--gold: #c9a227;--gold-dark: #8b6914;--black: #0a0a0a;--dark: #111111;--dark-2: #1a1a1a;--dark-3: #222222;--text-light: #f0e6cc;--text-muted: #a08050;--border: #2a2a2a;--error: #e74c3c;--success: #27ae60}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Sarabun,sans-serif;background-color:var(--black);color:var(--text-light);line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.05em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card{background:var(--dark-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--gold-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:8px;font-family:Sarabun,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);font-weight:600}.btn-gold:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--black)}.btn-danger{background:var(--error);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-size:.9rem;color:var(--gold-light)}.form-input{padding:.7rem 1rem;background:var(--dark-3);border:1px solid var(--border);border-radius:8px;color:var(--text-light);font-family:Sarabun,sans-serif;font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--gold)}.form-input::placeholder{color:var(--text-muted)}.badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.8rem;font-weight:500}.badge-pending{background:#3a2f00;color:#f0c040}.badge-confirmed{background:#0a2a0a;color:#4caf50}.badge-canceled{background:#2a0a0a;color:#e74c3c}.badge-completed{background:#0a1a2a;color:#64b5f6}.badge-paid{background:#0a2a0a;color:#4caf50}.badge-failed{background:#2a0a0a;color:#e74c3c}.badge-refunded{background:#1a0a2a;color:#9c88ff}.gold-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.5rem 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:.8rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.alert-error{background:#2a0a0a;border:1px solid #e74c3c;color:#e74c3c}.alert-success{background:#0a2a0a;border:1px solid #27ae60;color:#27ae60}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.page{padding:2rem 0;min-height:calc(100vh - 70px)}.page-title{font-size:2rem;margin-bottom:.5rem}.page-subtitle{color:var(--text-muted);margin-bottom:2rem}.hide-mobile{display:block}.show-mobile{display:none!important}.filter-scroll{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;flex-wrap:nowrap}.filter-scroll::-webkit-scrollbar{display:none}.modal-box{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.page-title{font-size:1.4rem}.page-subtitle{font-size:.9rem;margin-bottom:1.2rem}.container{padding:0 1.25rem}.page{padding:1.25rem 0}.grid-3,.grid-2{grid-template-columns:1fr;gap:1rem}.card{padding:1rem 1.1rem}.btn{min-height:42px;font-size:.9rem}.form-input{font-size:1rem}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.modal-box{max-width:100%;max-height:85vh;margin:.5rem}}