.qa-modal-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center}
.qa-modal{background:#fff;padding:1.5rem 2rem;border-radius:12px;min-width:320px;max-width:90vw;box-shadow:0 10px 25px rgba(0,0,0,.2)}
.qa-modal-header{text-align:center;margin-bottom:1rem}
.qa-modal-title{font-weight:800;font-size:1.25rem;letter-spacing:1px;color:#6b46c1;font-family:'Comic Sans MS','Comic Sans',cursive}
.qa-modal-subtitle{font-size:.85rem;color:#718096}
.qa-form{display:flex;flex-direction:column;gap:.75rem}
.qa-form-group{}
.qa-label{display:block;font-weight:600;margin-bottom:.25rem}
.qa-select{width:100%;padding:.4rem .5rem;border:1px solid #e2e8f0;border-radius:6px}
.qa-actions{text-align:right;margin-top:.5rem}
.qa-button{background:#6b46c1;color:#fff;border:none;border-radius:6px;padding:.5rem .9rem;cursor:pointer}
.qa-button:hover{background:#5a37b8}
.qa-button-secondary{background:#e7e7e7;color:#1a202c}
.qa-button-secondary:hover{background:#d5d5d5}
.qa-button:focus,.qa-button-secondary:focus{outline:2px solid #4c51bf;outline-offset:2px}

/* Disabled and loading states */
.qa-button:disabled{opacity:.6;cursor:not-allowed}
.qa-button:disabled:hover{background:#6b46c1}

/* Spinner inside primary button */
.qa-button .spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;vertical-align:middle;margin-left:.25rem;animation:qa-spin 1s linear infinite}
.qa-button.loading .spinner{display:inline-block}
.qa-button.loading .label{display:none}

@keyframes qa-spin{to{transform:rotate(360deg)}}