.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:#1e293b17;opacity:0;pointer-events:none;transition:opacity .15s}.app-modal-backdrop.open{opacity:1;pointer-events:auto}.app-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e293b36;z-index:1}.app-modal{position:relative;background:#fff;border-radius:13px;box-shadow:0 6px 32px #1e293b2b,0 1.5px 6px #1e293b1a;margin:3vh 1.5em;z-index:2;animation:modal-in .16s cubic-bezier(.37,1.14,.43,1.05);min-width:320px;max-width:95vw;padding:0;overflow:hidden;max-height:94vh;display:flex;flex-direction:column}.app-modal-sm{min-width:320px;max-width:400px}.app-modal-md{min-width:420px;max-width:550px}.app-modal-lg{min-width:650px;max-width:800px}.app-modal-xl{min-width:950px;max-width:1150px}.app-modal-xl .app-modal-body{padding:.8em 1.1em .9em}.app-modal-header{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:1.05em 1.4em}.app-modal-header h2{font-size:1.15rem;font-weight:700;color:#334155;margin:0;letter-spacing:.02em}.app-modal-close{font-size:1.6em;font-weight:400;border:none;background:none;color:#64748b;cursor:pointer;line-height:1;padding:0 .1em;transition:color .18s}.app-modal-close:hover{color:#ef4444}.app-modal-body{padding:1.5em 1.4em 1.1em;background:#fff;overflow-y:auto;flex:1 1 auto;max-height:78vh}.modal-form-fields{display:flex;flex-direction:column;gap:1.25em}.modal-field-group{display:flex;flex-direction:column}.modal-field-group label{font-weight:600;color:#374151;margin-bottom:.49em;font-size:1em;letter-spacing:.01em}.modal-input,.modal-select,.modal-textarea{padding:.62em 1em;border:1.3px solid #e2e8f0;border-radius:6px;font-size:1em;background:#f9fafb;transition:border .21s,box-shadow .21s;outline:none;margin-top:2px;margin-bottom:.12em}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border:1.6px solid #60a5fa;box-shadow:0 0 0 2px #bae6fd;background:#fff}.modal-input[readonly]{background:#f1f5f9;color:#94a3b8;border-style:dashed}.modal-textarea{min-height:74px;resize:vertical}.modal-field-group .input-error{color:#ef4444;font-size:.96em;margin-top:.25em}.app-modal-footer{display:flex;justify-content:flex-end;gap:13px;border-top:1.3px solid #e2e8f0;background:#f8fafc;padding:1.12em 1.4em}.app-modal-footer button{font-weight:600;font-size:1em;border-radius:5px;padding:.55em 1.3em;border:none;margin-left:.2em;cursor:pointer;transition:background .18s,color .18s,box-shadow .17s;box-shadow:0 1px 2px #1e293b0d}.btn-save{background:linear-gradient(90deg,#38a169 70%,#48bb78);color:#fff;box-shadow:0 2px 7px #38a16914}.btn-save:hover,.btn-save:focus{background:linear-gradient(90deg,#256f3a 80%,#38a169);color:#fff}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover,.btn-cancel:focus{background:#cbd5e1;color:#334155}@keyframes modal-in{0%{transform:translateY(36px) scale(.97);opacity:0}to{transform:none;opacity:1}}@media (max-width: 900px){.app-modal-xl{min-width:98vw!important;max-width:99vw!important}}@media (max-width: 530px){.app-modal,.app-modal-sm,.app-modal-md,.app-modal-lg,.app-modal-xl{min-width:97vw!important;max-width:99vw!important;border-radius:10px;margin:0 .3em}.app-modal-header,.app-modal-footer,.app-modal-body{padding-left:.85em!important;padding-right:.85em!important}}