.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{width:100%;max-width:480px;max-height:90vh;margin:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 60px #0006}.modal-header{padding:var(--spacing-5) var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title-row{align-items:center;gap:var(--spacing-2);display:flex}.modal-title-row h2{color:var(--text-primary);font-size:1.0625rem;font-weight:600}.modal-close-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;display:flex}.modal-field{gap:var(--spacing-2);flex-direction:column;display:flex}.modal-field label{align-items:center;gap:var(--spacing-2);color:var(--text-secondary);font-size:.8125rem;font-weight:500;display:flex}.modal-field label .required{color:var(--accent-error)}.modal-field label .optional{color:var(--text-muted);font-weight:400}.modal-field input{height:44px;padding:0 var(--spacing-4);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;font-size:.9375rem}.modal-field input::placeholder{color:var(--text-muted)}.modal-field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.modal-error{color:var(--accent-error);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:#ef444414;font-size:.8125rem}.modal-actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-2);display:flex}.modal-btn-secondary{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.modal-btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.modal-btn-primary{padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-lg);color:#fff;background:var(--brand-primary);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.875rem;font-weight:600}.modal-btn-primary:hover{background:var(--brand-primary-hover)}.modal-btn-primary:disabled,.modal-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-fields-grid{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.tag-chips{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.tag-chip{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:5px 14px;font-size:.8125rem;font-weight:500}.tag-chip:hover{border-color:var(--brand-primary);color:var(--text-primary)}.tag-chip.selected{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:600}@media (width<=500px){.modal-fields-grid{grid-template-columns:1fr}}