.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn.btn-primary{background:linear-gradient(to right,var(--primary),var(--primary-light));color:#fff}.btn.btn-secondary{background:var(--gray-300);color:var(--gray-900)}.btn.btn-outline{border:1.5px solid var(--primary);color:var(--primary);background:0 0}.btn.btn-danger{border:1.5px solid var(--red-primary);color:var(--red-primary);background:0 0}.btn.btn-danger:hover{background:var(--red-primary);color:#fff;opacity:1}.btn svg{flex-shrink:0;width:1em;height:1em}.btn:disabled{opacity:.5;cursor:not-allowed}
.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:12px;flex-direction:column;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#1f2937;margin:0;font-family:Kanit,sans-serif;font-size:20px;font-weight:600}.modal-close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:24px;transition:all .2s;display:flex}.modal-close-button svg{flex-shrink:0;width:1em;height:1em}.modal-close-button:hover{color:#1f2937;background-color:#f3f4f6}.modal-close-button:active{transform:scale(.95)}.modal-body{flex:1;padding:24px;overflow-y:auto}@media (max-width:768px){.modal-overlay{padding:10px}.modal-container{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-small,.modal-medium,.modal-large{max-width:100%}}
.error-dialog-content{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.error-dialog-icon{color:var(--red-primary,#ef4444)}.error-dialog-title{color:#1f2937;font-family:Kanit,sans-serif;font-size:18px;font-weight:500}.error-dialog-detail{color:var(--gray-600,#6b7280);word-break:break-word;font-family:Kanit,sans-serif;font-size:14px;font-weight:300}