:root{--color-primary: #941884;--color-primary-dark: #3c114d;--color-primary-strong: #e99249;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #0ea5e9;--color-bg: #000000;--color-surface: #1a1a1a;--color-text: #ffffff;--color-text-muted: #b3b3b3;--grad-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));--grad-primary-hover: linear-gradient(135deg, var(--color-primary-strong), var(--color-primary))}:root[data-theme=light]{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-text: #111827;--color-text-muted: #6b7280}*{font-family:Noto Sans Thai,sans-serif;box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg)}.swal2-popup{border-radius:20px!important;background:linear-gradient(145deg,#ffffff,#f3f3f3)!important;box-shadow:0 10px 30px #0003!important;padding:2rem 0rem!important;width:400px!important;font-family:Prompt,sans-serif}.swal2-title{color:#333!important;font-weight:700!important;font-size:1.6rem!important;margin-bottom:10px!important}.swal2-html-container{font-size:1.2rem!important;color:#666!important}.swal2-icon.swal2-error{border-color:#f27474!important;color:#f27474!important}.swal2-confirm{background:var(--grad-primary);color:#fff!important;border-radius:8px!important;font-weight:700!important;padding:.8rem 2rem!important;font-size:1rem!important;transition:background-color .3s ease!important}.swal2-confirm:hover{background:var(--grad-primary-hover)}.swal2-container{background:rgba(0,0,0,.8)!important}input,select,textarea{font-size:16px}.custom-confirm-button{background-color:var(--color-primary)!important;color:#fff!important;border-radius:5px;padding:10px 20px;font-size:16px}.custom-confirm-button:hover{background-color:var(--color-primary-dark)!important}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b1;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid rgb(231,0,0);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}