.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.modal-content{background:#fff;border-radius:.5rem;max-width:600px;width:90%;padding:1.5rem;box-shadow:0 .25rem 1rem rgba(0,0,0,.1);display:flex;flex-direction:column;position:relative;z-index:10000}.modal-content .d-flex{border-bottom:1px solid #eaeaea;padding-bottom:.75rem}.close-btn{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:#555;transition:color .2s ease;z-index:10001}.close-btn:hover{color:#000}.form-group{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:1.5rem}.modal-content input,.modal-content textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem;transition:border-color .2s ease}.modal-content input:focus,.modal-content textarea:focus{outline:none;border-color:#3b82f6}.has-error input{border-color:#dc2626}.has-error .error-text{color:#dc2626;font-size:.875rem;margin-top:.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem;border-top:1px solid #eaeaea}.btn-primary{background-color:#3b82f6;border-color:#3b82f6;color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:1rem;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb}.btn-secondary{background-color:#f3f4f6;border-color:#d1d5db;color:#374151;padding:.5rem 1rem;border-radius:.25rem;font-size:1rem;transition:background-color .2s ease}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}body.modal-open>:not(.modal-overlay){pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.modal-open :focus{outline:none!important;box-shadow:none!important}@media(max-width:576px){.modal-content{padding:1rem}.btn-primary,.btn-secondary{flex:1}.modal-actions{flex-direction:column;align-items:stretch}}