.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:500;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);flex-direction:column;width:min(600px,90vw);max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}.modal-content:before{content:"";background:linear-gradient(90deg, var(--green), var(--green-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1;height:3px;position:absolute;top:0;left:0;right:0}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-size:var(--text-xl);font-weight:600}.modal-header .btn-remove,.modal-header .btn-discard{min-width:var(--touch-min);min-height:var(--touch-min);justify-content:center;align-items:center;display:inline-flex}.modal-body{flex:1;min-height:0;overflow-y:auto}.modal-search-sticky{z-index:1;background:var(--bg-card);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.modal-search-sticky .search-input{flex:1;min-width:0}.modal-search-sticky .checkbox-label{font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--gray-600);align-items:center;gap:.4rem;padding:.3rem .7rem;transition:background .15s,color .15s;display:flex}.modal-search-sticky .checkbox-label:hover{background:var(--gray-100);color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-sm);padding:1rem 1.5rem;display:flex}.btn-discard{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.5rem 1.25rem;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.btn-discard:hover{background:var(--gray-100);color:var(--text-primary);border-color:var(--border-light)}.modal-content.modal-wide{width:min(95vw,1100px);max-width:95vw;max-height:90vh}.modal-table-wrap{flex:1;padding:0 1rem .5rem;overflow-x:auto}.modal-content .form-field{flex-direction:column;gap:.25rem}.modal-content .form-field>label{width:auto;padding-top:0}.modal-body .form-field:last-child{margin-bottom:0}.modal-items-table{font-size:var(--text-xs)}.modal-items-table th,.modal-items-table td{padding:.35rem .5rem}@media (width<=768px){.modal-content{width:95vw;max-height:85vh}.modal-content.modal-wide{width:98vw;max-height:90vh}}@media (width<=576px){.modal-content{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;animation:none}.modal-content:before{border-radius:0}.modal-content.modal-confirm{border-radius:var(--radius-xl);height:auto;max-height:90dvh}.modal-content.modal-confirm:before{border-radius:var(--radius-xl) var(--radius-xl) 0 0}}
